1.基本结构:
文档声明(!DOCTYPE html),文档开始(html),头部文档(head),主体(body)
meta标签可以用于设置字符集,并且其name属性可以增加其被搜索到的概率(百度这些网站的关键词搜索就是通过这个实现对内容的展示的)
2.常用属性
ID,规定元素的唯一标识
class:规定元素的类属性
title:用于对元素的提示,如点击某个元素时弹出提示
style:用于设置元素的样式和引入外部样式表等
dir:设置元素的文本方向
3.常用特殊字符(主要是HTML中后台写的换行和空格都会自动被去除,想要在页面展示出这种效果就必须用到特殊字符)
换行符:br
下划线:hr
空格:nbsp
大于符号:>
小于符号:<
版权号:©
商标:&trade
4.头部标签(用于对文档的头部进行定义)
:用于定于与外部文档的关系,多数时候用于引入css样式表,有rel和href两个基本属性。 :元信息标签,字符集,也可以可用于设置关键词,用name属性对关键词进行管理。 :可以用这个标签设置基准目录,减少开发量
:定义文档的标题
5文本标签
:定义文本的标题,其字体有1到6几个值,值越大字体越大
<p>:段落标签:其中包含的所有东西都会是一个段落,不过是从文本首到文本末,中间的换行和空格在展示时去除。
<pre>:预定义标签:这个标签中的文本会按照原样在页面中进行展示
<blockquote>:块引用标签:所有的内容是一个模块,可以进行整体的处理。
6字符标签
文本加粗<b>
文本倾斜<i>
下划线<u>
放大缩小<big>,<small>
删除文本<s>
上标下标文本<sup><sub>(将文本内容向上或者向下提,不会和普通文本对齐)
7列表
</sub></sup></s></small></big></u></i></b><dl>:定义列表
<ol>:有序标签,在列表每行前面有数字编号
<ul>:无序标签,列表前无数字编号
<li>:列表项目
<dt>:词条<dd>解释,完成的是类似于一个成语下面是其的解释工作。
8表格
<table>:表格定义标签,有cellspacing单元格边距和cellpadding单元格内边距属性
<tr>:定义表格的行,有align(水平对齐)和valign(垂直对齐)等属性
<th>:定义表头,会有加粗效果
<td>:定义表格的列
:合并行
:和并列
<thead>定义表头
<tbody>:定义表体
<tfoot>:定义表尾
9表单
:定义表单,其action属性表示提交位置,method表示提交方式get或post
<text>单行文本框
单选框
复选框
下拉菜单
提交按钮
:重置按钮
多行文本框
密码框(输入的值不会显示出来)
常用属性有:hidden隐藏和readonly,都可以进行传输,但前者不显示在页面,后者显示不能修改值。disabled也是只能看不能修改且不能传输。
表单进行文件传输时必须加enctype=multipart form-data属性
10其他标签
超链接:<a>:有两个属性,一是href链接到的地址,target设置是否新打开窗口展示链接内容
图片:<img/>:有src图像引入地址,alt和weight,height等属性,Alt主要用于图片加载不成功时进行的文字提示。
音频:,属性有src,autoplay,loop和controls等
视频:
分区标签:<div>,<span>
</span></div></a></text></tfoot></tbody></thead></td></th></tr></table></dd></dt></li></ul></ol></dl></blockquote></pre></p>