HTML标签基础

html标签 a

超链接a：

<a href="网址">文字或图片</a>

三种用法：
1、链接到本站点其他网页

<a href="news.html">新闻</a>

2、链接到其他的站点

<a href="http://www.baidu.com">百度</a>

3、虚拟超链接

<a href="#">板块1</a>

标签 img

网页中常见的图像格式：JPG、GIF、PNG
插入图像img

<img src="2.jpg" alt="">

src属性：路径+文件名
alt属性：图片无法找到时，图片的替换文本。
其中src中的路径为相对路径。
相对路径：当前编写的文档为基准，来查找图片所在的对应位置。
相对路径和绝对路径参考：https://blog.csdn.net/huazhangena/article/details/7587720

区域标签 div

div标签结合css样式，对每个区域进行排版布局

列表标签 ul ol li

无序列表ul:超链接和导航栏
快速生成无序列表：

<ul>
    <li>html</li>
    <li>css</li>
    <li>js</li>
</ul>

有序列表：排行榜

表格标签 table tr td

表格：数据信息用表格进行呈现
表格内的分行标签：
表格内的分格标签：
生成一个两行两列表格的代码：

    <table>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>

以上代码的快速写法：table>tr2>td2 +回车
表头单元格加粗对数据

表单标签

表单标签：<form></form>
表单元素：
1、文本框和密码框：

<form action="">
   姓名：<input type="text">
</form>

不同的表单只要设置不同的type就可以了，文本框：text，密码框：password，带有输入框和确认按钮的表单：submit，单选按钮：radio，复选：checkbox
2、下拉列表：

<select name="" id="">
    <option value="">篮球</option>
    option value="">足球</option>
    <option value="">乒乓球</option>
</select>

name 属性规定 select 元素的名称。
name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。