WEB前端之网页设计②----最新最全详解/网页常用标签

WEB前端之网页设计②—-最新最全详解/网页常用标签

今天给大家分享和总结一下我们最新的HTML5网页常见和常用标签，总结的非常详细和全面，希望大家喜欢。

一、h1-h6标签详解

h1-h6标签	解释
h1-h6	网页标题标签从h1到h6文本字体逐渐减小
h1-h6标签内属性值	解释
align=”center/lift/right/botto/top”	居中/左对齐/右对齐/下对齐/上对齐

二、hr标签详解

hr标签	解释
<hr/>	网页分割线。是网页标签中为数不多的单个出现的标签。
hr标签内属性值	解释
align=”center/lift/right”	居中/左对齐/右对齐
noshade=”noshade”	规定hr的颜色显示为纯色
size=”pixels”	规定hr元素的高度
width=”pixels%”	规定hr的宽度
color=”#fff000”	设置水平线的颜色

三、p段落标签详解

p标签	解释
<p></p>	段落标签，用来定义网页中文章的段落也支持换行，一次换一行
p标签内属性值	解释
align=”center/lift/right/justify”	居中/左对齐/右对齐/左右对齐

四、 pre预格式化标签详解

pre标签	解释
<pre></pre>	预格式化标签，被pre标签包裹的文本会保留原来的格式，如空格、换行等
pre标签内属性值	解释
基本没有	不常用

五、font字体属性标签

font标签	解释
<font></font>	规定文本中字体的大小、颜色等
font标签内属性值	解释
color=”#fff000”	规定文本字体的字体颜色
face=”楷书”	规定文本字体的字体
size=”25px”	规定文本字体的字体大小

六、img插入图片标签

img标签	解释
<img></img>	插入图片标签。可以向网页中插入图片
img标签内属性值	解释
src=”图片存储路径”	图片的存储路径
width=”图片的宽度”	图片的宽度
height=”图片的高度”	图片的高度
title=”当鼠标移动到图片上时图片显示的文字”	当鼠标移动到图片上时图片显示的文字
alt=”当图片加载失败时显示的文字”	当图片加载失败时显示的文字

七、marquee元素滚动标签

marquee标签	解释
<marquee></marquee>	可以让元素在网页中来回滚动的标签。
marquee标签内属性值	解释
direction=”right/left/down/up	向右滚动/向左滚动/向下滚动/向上滚动
behavior=”alternate/scroll/slide	元素来回滚动/单方向滚动/只滚动一次（具体滚动方向由direction的值决定，如果无direction则默认为向右滚动）
scrollamount=”填数字”	表示元素滚动的速度(速率)
scrolldelay=”填数字”	表示元素延迟滚得的速度。
loop=”填正整数”	设置元素的滚动的次数。值是正整数，如果loop的值为-1这表示元素无限循环
align=”top/texttop/middle/bottom/right/lift/baseline/absmiddle/absbottom”	顶部对其/顶线对齐/中间对齐/底部对齐/右对齐/左对齐/底线对齐/绝对中央对齐/绝对底部对齐
bgcolor=”颜色”	表示运动区域的背景色
height=“高度”	表示运动区域的高度，默认为元素的高度
width=”宽度”	表示运动区域的宽度，默认为100%
οnmοuseοver=this.stop()	表示当鼠标移动到该元素时停止
οnmοuseοver=this.start()	当移开时又继续滚动

结语:好了先分享到这里，后续还有跟新会再次发布的,希望我的文章对刚入HTML网页设计的你有所帮助。
上一篇：WEB前端之网页设计①—-最新最全详解/网页基础结构
下一篇：WEB前端之网页设计③—-最新最全详解/如何在网页上创建表格
版权声明：非商用自由转载-保持署名-注明出处
署名(TM): TopGradeModel