Html
HTML标签分类
在HTML页面中,带有“< >”符号的元素被称为HTML标签。
所谓标签就是放在“< >” 标签符中表示某个功能的编码命令,也称为HTML标签或 HTML元素。
1.双标签
<标签名> 内容 </标签名> 该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签”
</标签名> 表示该标签的作用结束,一般称为“结束标签(end tag)”。和开始标签相比,结束标签只是在前面加了一个关闭符“/”。
比如 <body>我是文字 </body>
2.单标签
<标签名 />
单标签也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。
比如
HTML标签关系
标签的相互关系就分为两种:
1.嵌套关系
<head> <title> </title> </head>
2.并列关系
<head></head>
<body></body>
字符集
<meta charset="UTF-8"> 如果不写这个网页会乱码 </meta>
标题标签
head 头部、
title 文档(网页标题)
<h1>、<h2>、<h3>、<h4>、<h5>和<h6>
、
、
、
、
和
标题标签语义: 作为标题使用,并且依据重要性递减
段落标签
文本内容
是HTML文档中最常见的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。
水平线标签
<hr />是单标签
在网页中显示默认样式的水平线。
换行标签
文本格式标签
标签属性
使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。其基本语法格式如下:
<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
比如:
属性 是 宽度
值 是 400;
建议: 尽量不使用 样式属性。
图像标签img
链接标签
href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用
target:用于指定链接页面的打开方式,其取值有self和blank两种,其中self为默认值,blank为在新窗口中打开方式。
列表标签
无序列表 ul (重点)
无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下:
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
- 列表项1
- 列表项2
- 列表项3
- ......
注意:
\1. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
\2. <li>与</li>之间相当于一个容器,可以容纳所有元素。
\3. 无序列表会带有自己样式属性,放下那个样式,一会让CSS来!
有序列表 ol (了解)
有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,有序列表的基本语法格式如下:
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ol>
- 列表项1
- 列表项2
- 列表项3
- ......
所有特性基本与ul 一致。 但是实际工作中, 较少用 ol
表格 table(会使用)
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。
创建表格
在HTML网页中,要想创建表格,就需要使用表格相关的标签。创建表格的基本语法格式如下:
<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table>
... ...
单元格内的文字 |
在上面的语法中包含三对HTML标签,分别为 table</table、tr</tr、td</td,他们是创建表格的基本标签,缺一不可,下面对他们进行具体地解释
1.table用于定义一个表格。
2.tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格。
3.td /td:用于定义表格中的单元格,必须嵌套在<tr></tr>标签中,一对 <tr> </tr>中包含几对<td></td>,就表示该行中有多少列(或多少个单元格)。
注意:
\1. <tr></tr>中只能嵌套<td></td>
\2. <td></td>标签,他就像一个容器,可以容纳所有的元素