html总结

1、 html 标题标签
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
2、 html 段落标签、换行标签和字符实体
    <p>段落</p>
    <br />  # 换行
    &nbsp; # 空格
    &gt; >
    &lt; <
3、 html块标签、含样式的标签
    html 块标签
        <div>块标签，表示一块内容，没有具体的语义</div>
        <span> 行内元素，表示一行中的一小段内容，没有具体的语义
    含样式和语义的标签
        <em> 行内元素，表示语气中的强调词
        <i>  行内元素，表示专业词汇
        <b>  行内元素，表示文档中的关键词或者产品名
        <strong> 行内元素，表示非常重要的内容
    语义化的标签
        在布局的时候多使用有语义的标签，搜索引擎在爬网的时候可能认识这边标签，理解文档的
        结构，方便网站的收录
4、 html图像标签、绝对路径和相对路径
    html 图像标签
        <img> 标签可以在网页上插入一张图片，它是独立使用的标签，它的常用属性有
            src 属性 定义图片的引用地址
            alt 属性 定义图片加载失败时显示的文字，搜索引擎会使用这个文字收录图片、
                盲人读屏软件会读取这个文字让盲人识别图片，所以属性非常重要
    <img src="images/002.jpg" alt="水果图片" />
    绝对路劲：
    相对路径：./ 可以省略  ../当前目录的上级目录
5、 html链接标签
    <a> 标签可以在网页上定义一个链接地址，它的常用属性有：
        href:定义跳转的地址
        title:定义鼠标悬停时弹出的提示文字框
        target:定义链接窗口打开的位置
            target='_self' 缺省值，新页面替换原来的页面，在原来位置打开
            target='_blank'新页面会在新开的一个浏览器窗口打开
　　例如：
    <a href="006图片.html" title="123" target="_blank">去到网页</
    <a href="https://www.baidu.com/" title="百度" target="_blank"><img src="images/bd_logo1.png"></a>
    <a href="#">缺省的链接</a>  #会链接到页面顶部
6、 html列表标签
    有序列表
        <h1>有序列表</h1>
        <ol>
            <li>html</li>
            <li>css</li>
            <li>javascript</li>
        </ol>

    无序列表
        <ul>
            <li>新闻标题1</li>
            <li>新闻标题2</li>
            <li>新闻标题3</li>
        </ul>

        <ul>
            <li><a href='#'>新闻标题1</a></li>
            <li><a href='#'>新闻标题2</a></li>
            <li><a href='#'>新闻标题3</a></li>
        </ul>
 定义列表
        <dl>
            <dt>html</dt>
            <dd>负责页面的结构</dd>
            <dt>css</dt>
            <dd>负责页面的表现</dd>
            <dt>javascript</dt>
            <dd>负责页面的行为</dd>
        </dl>
7、 html表单
    表单用于搜索不同类型的用户输入，表单由不同类型的标签组成，相关标签及属性用法如下：
    1、<form> 标签 定义整体的表单区域
       action 属性 定义表单提交数据的地址
       method 属性 定义表单提交的方式，一般有get 方式和post方式
    2、<label> 标签 为表单元素定义文字标注
    3、<input> 标签 定义通用的表单元素
        type 属性
            type='text' 定义单行文本输入框
            type='password' 定义密码输入框
            type='radio' 定义单选框
            type='checkbox' 定义复选框
            type='file'   定义上传文件
            type='submit'  定义提交按钮
            type='reset'  定义重置按钮
            type='image'  定义图片作为提交按钮，用src属性定义图片地址
            type='hidden'  定义一个隐藏的表单域，用来存储值
        value 属性 定义表单元素的值
        name 属性 定义表单元素的名称，此名称是提交数据时的键名
    4、<textarea> 标签 定义多行文本输入框
    5、<select> 标签 定义下拉表单元素
    6、<option> 标签 与 <select> 标签配合，定义下拉表单元素中选项


8、 html表格
    1、<table> ：声明一个表格，它常用的属性如下：
        border：定义表格的边框，设置值是数值
        cellpadding: 定义单元格内容与边框的距离，设置值是数值
        dellspacing: 定义单元格与单元格之间的距离，设置值是数值
        align:设置整体表格相对于浏览器窗口的水平对齐方式，设置值有：left|center|right
    2、<tr>:定义表格中的一行
    3、<td>和<th>:定义一行中的一个单元格，th 代表表头单元格， td 代表普通单元格
        align 设置单元格中内容水平对齐方式，设置值有：left|center|right
        valign 设置单元格中内容垂直对齐方式，设置值有：top|middle|botton
        colspan 设置单元格水平合并，设置值是数值
        rowspan 设置单元格垂直合并，设置值是数值