语法: n是为1-6的数字
例如:
、
属性:align 控制标题的对齐方式的属性
值: “left” “center” “right” 分别为左对齐 居中对齐 右对齐
特点:标题都有加粗的效果
标题都有一定的行间距
标题有大小的变化
二、段落标记
语法:
内容
特点:普通大小的字体
上下的行间距是有一定距离
属性:依然三种对齐方式 左中右 同上
三、标线标记
语法
特点:默认宽度为整个页面的宽度
默认灰色 2px的像素
属性:width height color 宽度 高度 颜色
四、换行(单标记)
语法:
或者
特点:可以让普通的字体进行换行 另外占一行的空间
五、文本样式标记
1.加粗 内容
2.倾斜 内容
3.下划线 内容
4.删除线 内容
注意:当我们在Html文件当中如果直街换行写,或者空间隔去写,浏览器都会将其解释为空一个空格,显示状态就是空一个英文字符的间隔,如果需要进行多个字符的空格,则需要使用特殊字符。
5.特殊字符
  一个空格 看需要的程度去使用
<<用于展示给用尖括号的形式,因为浏览器一看到就会自动识别
>>
© 版权符号
¥ 货币符号
六、div和span标记
div元素
作用:做页面布局
语法:
内容
特点:独占一行 字体大小样式 以及行间距和普通文本无任何差异
span元素
语法: 内容
作用:用于包裹文本,进行自定义样式
特点:多个元素在同一行中进行显示、从左到右进行排列
1、块状元素:
块级元素是指本身属性为display:block的元素。因为它自身的特点,我们通常使用块级元素来进行大布局(大结构)的搭建。
布局上:独占一行,可以容纳内联元素和其他块元素
样式上:设置width、height有效,可以设置盒子模型的相关css属性,
在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度
在不设置高度的情况下,块级元素的高度是它本身内容的高度
2、 行内元素:
内联元素是指本身属性为display:inline的元素。因为它自身的特点,我们通常使用块级元素来进行文字、小图标(小结构)的应用。
布局上:和其他元素从左到右在一行排列,只能容纳文本或者其他内联元素(不要在内联元素中嵌套块级元素)
样式上:不能直接控制width、height,只能使用盒模型部分属性,如padding、line_height、margin-left、margin-right。
内联元素的宽高是由本身内容的大小决定(文字、图标等)
3、 行内块状元素:尽可能少的占用横向空间,和其他元素都在一行上;可以设置width、height、margin、padding等盒模型相关属性。
*常用:img、input、td。
display:block;(将元素变为块级元素)
display:inline; (将元素变为行级元素)
display:inline-block;(将元素变为行级块元素)
a. 块元素特立独行;内联元素随波逐流。
b.块元素通常用作网页的主要构建模块,而内联元素常用来标记小段内容(修饰文本)
c.设计一个页面时,一般从较大的块开始 ,然后完善页面的时候再加入内联元素。
d. 对标签能够清晰的分类,掌握标签的特性,在选择标签时避免犹豫不决,提高布局效率。
HTML5新结构标签
HTML5-新的属性语法
HTML5图形
HTML5音视频标签
对本地离线存储的更好的支持
新的表单控件,比如 calendar、date、time、email、url、search
移除的元素:
纯表现的元素:basefont,big,center,font, s,strike,tt,u
对可用性产生负面影响的元素:frame,frameset,noframes;
支持HTML5新标签 : IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)