首页 > 代码库 > html学习笔记一
html学习笔记一
html网页结构
<!DOCTYPE html> 版本申明
<html>
<head></head>头部标签
<body></body>主体内容标签
</html>
html标签大多成对出现
常用标签学习：
<p></p>段落标签 使用效果：显示一段文字，不能分段，能空格，但只能空一个字符位置。
<pre></pre>预格式文本 使用效果：显示多段文字，能分多段，能空多格。
空格标签 使用效果：一个标签代表一个空格，能在<p>标签中使用
<hr/>水平线标签（单标签） 使用效果：显示一条水平线，可根据color、width、size、align属性设置外观（老师说所有能设置更改标签外观的属性都不用去设置，统一在css中设置）。
<h1></h1>......<h6></h6> 标题标签 使用效果：字体大小的变化h1最大，h6最小（老师说设置这个标签比其他普通标签有权重加分，易被收录）。
<b></b> 字体加粗
<u></u>字体加下划线
<s></s>字体加删除线
<sub></sub>下标 <sup></sup>上标 用途：一般用于数学公式
<ol><li></li></ol> 有序列表 使用效果：使数据按照一定顺序排列，可根据type属性更改以什么方式排列（可嵌套无序列表使用）。
<ul><li></li></ul> 无序列表 使用效果：数据排列没有顺序（可嵌套使用）。
<dl> 定义列表 使用效果跟有序列表和无序列表类似（老师说虽然效果看着差不多，但是<dl>更具有语义化）。
<dt></dt>需要定义说明的项目
<dd></dd>对项目进行描述
</dl>
<table> 表格 使用效果：在网页中插入一张表格，可通过,<tr><td>来增加行列（老师说也可以用来布局做框架，但现在通常用<div>）。
<tr><td></td><td></td></tr>三行两列，其中<td>有colspan跨列和rowspan跨行属性。
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
<a></a> 超链接标签 使用效果：通过href属性设置网页链接，实现跳转页面。
html学习笔记一