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

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

一、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%
onmouseover=this.stop() 表示当鼠标移动到该元素时停止
onmouseover=this.start() 当移开时又继续滚动

结语:好了先分享到这里,后续还有跟新会再次发布的,希望我的文章对刚入HTML网页设计的你有所帮助。
版权声明:非商用自由转载-保持署名-注明出处
署名(TM): TopGradeModel

猜你喜欢

转载自blog.csdn.net/qq_42129729/article/details/82560582