(一)HTML简介

1.语言介绍

网页使用的建材都是HTML标签,然后用CSS进行装修。

HTML是网页内容的载体,内容不只有文字,所以叫超文本。

CSS(Cascading Style Sheets)即层叠样式表,负责网页元素的样式与布局。

HTML由标签组成,<xxx>,HTML标签主要分两类,两边封闭的以及自封闭的。

(1)两边封闭的标签如:<html></html>  <head></head>  <title></title>  <div></div>等,都是成对出现的,其中第一个标签是开始标签(开放标签),第二个标签是结束标签(闭合标签)。

(2)自封闭的变迁如:<img> <meta> <input>等,都是单个出现的,并且刑如<xxx>。

标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<html>里嵌套<span>,那</span>必须放在</html>的前面。如:

<html><span>hello world</span></html>

2.HTML基本结构

“所有的房子都有一个相同的基本结构”

<html>
    <head>...</head>
    <body>主体</body>
</html>

其中,<html></html>是房子的地基,所有的建筑都要在地基上才能完成。

<head></head>是房子的头标签,它包含一些关于网页的信息。

扫描二维码关注公众号,回复: 9176758 查看本文章

<body>和</body>标签之间的内容都是网页的主要内容,如果<h1>、<p>、<a>、<img>等网页内容标签,

<head>和</head>中间的部分包含了关于网页的各种属性和信息,通常这些信息是呈现给浏览器的,用户无法看到其内容。比如<link>标签定义了当前网页文件与外部资源的关系;<meta>可以用来定义网页使用的编码类型,还可以用来记录一些信息。例如:小明施工队偷偷在客户家的<head></head>标签里写下如下(类似“XX到此一游”)。

<meta name="author" content="小明出品">

<head></head>下的<title></title>中的内容,会被浏览器显示在窗口的标题栏上。<body></body>是网页内容的主题,它包含文档中诸如文本、超链接、图像、表格和列表等内容。

【常用标签描述】

标签

描述

封闭类别
html 定义HTML文档 两边封闭
head 定义关于文档的信息 两边封闭
meta 定义关于HTML文档的元信息,比如作者、关键字等 自封闭
title 定义文档的标题 两边封闭
link 定义文档与外部资源你的关系 自封闭
script 定义客户端脚本,比如JavaScript 两边封闭
style 定义文档的格式信息 两边封闭
body 定义文档的主题 两边封闭
div 定义文档中的节,一般用作存放元素的内容 两边封闭
p 定义段落 两边封闭
a 定义锚,可对其添加href属性,形成跳转链接 两边封闭
img 定义图像 自封闭
table 定义表格 两边封闭
form 定义供用户输入的HTML表单 两边封闭
br 定义简单的折行 自封闭

大多数标签是有属性的,写法如<input id="1" value="1">或<a href="xxx"></a>,即属性名=属性值的形式。

【标签的常用属性描述】

3.标签基础

4.标签第一弹

<p>hello world</p>

<p></p>定义了一个段落。

5.初识CSS

CSS(层叠样式表)是用来表现HTML文件样式的计算机语言,就像网页的外衣。比如标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为CSS。

6.CSS改变样式

<p></p>标签中的字体变为红色(默认是黑色的)。

<style>p{color:red;}
</style>
<p>hello world</p>
发布了219 篇原创文章 · 获赞 13 · 访问量 9802

猜你喜欢

转载自blog.csdn.net/qq_35812205/article/details/104265942