html初识

1：一个html的基本格式

2：一个html的基本规范，包括注释的规范

3：html的特点

四：html标签：共有六级标签<h1>----<h6>

五：段落标签：

       <p></p>两个p标签之前有空航     

       <br />强制换行  中间加空格&nbsp;&nbsp；几个空格加几个

       5>3 HTML写法：5&gt;3       3<5 HTML写法：3&lt;5

六：div标签:块元素，多个div网页显示没空行   

       span标签:行内元素，一般用于标注某一行的一小段字体或者更改样式

七：图片路径问题：有绝对跟相对两种路径，一般引用相对路径，方便迁移

八：html连接以及超连接，以及跳转

title属性：提示用户鼠标放在传智播客的时候干嘛的   

<a href="http://baidu.com" title="连接到百度"  target="_self">百度网a>          点击后在当前页面跳转

<a href="http://baidu.com" title="连接到百度"  target="_blank">百度网a>       新开一个窗口后跳转

效果如下

九：有序列表跟无序列表

三种列表效果如下

十：html表格，一般是以table为标志

效果如下

再进进行优化：

表格中序号下面的数字居中：<td> align="center">2</td>

表格中的序号两个字顶头显示：<th> valign="top">序号</th>

个人简历中表格中横跨5行：<td> colspan="5"></td>

个人简历中表格中竖着5行：<td> rowspan="5"></td>

十一：html表单用户注册

action="http://www.baidu.com" method="post"  添加上method不会再地址栏显示输入的内容，但是会显示在http的报文里面，谷歌浏览器开发者模式可以看到

效果如下

十二：html表单提升用户体验小细节

点击界面文字用户名可以输入需要加上for跟labelr属性 点击页面文字男或者女可以单选 增加重置按钮，button只是单纯的增加一个按钮

十三：html内嵌框架

效果如下 di