html初识

1:一个html的基本格式

2:一个html的基本规范,包括注释的规范

3:html的特点


四:html标签:共有六级标签

----

五:段落标签:

       

两个p标签之前有空航     

       
强制换行  中间加空格  ;几个空格加几个

       5>3 HTML写法:5>3       3<5 HTML写法:3<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为标志

效果如下

再进进行优化:

表格中序号下面的数字居中: align="center">2

表格中的序号两个字顶头显示: valign="top">序号

个人简历中表格中横跨5行: colspan="5">

个人简历中表格中竖着5行: rowspan="5">

十一:html表单用户注册

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

效果如下


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

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

十三:html内嵌框架

效果如下
di

你可能感兴趣的:(html初识)