html
网页结构
页面由四个部分组成。
- 文档声明：
<!DOCTYPE html> - html标签对：html标签对中有一个lang属性，用于表明网页所采用的语言类型，其值有英文‘en’,中文’zh’,日文’ja’,美式英语’en-us’等，其值不区分大小写。
- head标签对
- body标签对
其中html标签对包裹着head、body标签对。
head内的标签
- title标签：用于展示网页的标题
- meta标签：常用写法为
<meta charset="utf-8">用于防止网页乱码 - link标签：引入外部样式文件CSS
- style标签：用于定义元素的CSS样式
- script标签：用于定义或引入JavaScript代码
body内的标签
- 标题标签：
<h1> ~ <h6>从h1到h6标题的文本大小逐渐减小 - 段落标签：p
- 换行
<br/>水平线<hr/>为自闭合标签； - 文本标签：粗体
<strong>斜体<i>上标<sup>下标<sub>中划线</s>下划线<u>大字号<big>小字号<small> - 块元素（block）：div,p,hr,br
- 行内元素（inline，即指标签出现时可与其他元素处于同一行）：strong,em,a,span
创建列表标签
1.有序列表（序号的默认值为1，2，3，可用type属性改变序号的样式）
<ol>
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
2.无序列表（默认符号位实心圆，可通过type属性的取值改变）
ul标签的子元素只能是li，不能是别的元素
<ul>
<li>banana</li>
<li>apple</li>
</ul>
3.自定义列表
<dl>
<dt>名词</dt>
<dd>描述</dd>
</dl>
表格
<table>
<caption>表格标题</caption>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
总的来说，th标签用于表头，td标签用于表行。
合并行：<td rowspan="跨越的行数"></td>
合并列：<td colspan="跨越的列数"></td>
图片标签(img)
属性：
- src属性：用于指定图片所在的路径（相对路径或绝对路径）
- alt属性：用在图片显示不出来时展示出来的文字
- title属性：鼠标触碰图片时就展示出来的文字
绝对路径：文件实在所在的路径。
相对路径如：<img src="../img/flower.png"> "…/"表示上一级目录，根据所要引用的文件的相对位置而定。
a标签
用于连接网页或本文件某处位置（锚点连接），有alt属性，跟img标签的alt属性相同，target属性用于确定链接的打开方式
锚点连接步骤：
- 在所要建立连接的段落，设置
<a href="#id"></a> - 在某段落设置id（注意一二点的id要一致）
表单（form）
属性值：name（表单名称），method（提交方式），action（提交地址），target（打开方式），enctype（编码方式）
-
input标签
type属性取值：text，password，radio（同一组的单选框，必须设置同一个name），checkbox，button，sumbit，reset，file
checkbox中的checked属性表示为默认被选中。 -
多行文本标签：textarea：可设置row和cols
-
下拉列表select：其子元素为option标签，属性有multiple（设置为多选）和size（设置选择个数）；selected属性默认被选中
html注释文件格式<!—>,css注释文件格式为/* */，始终为属性值加引号，一般为双引号，若值中本身含双引号，则用单引号。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
