HTML—文本标签

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/arvinzd/article/details/52900952

font

font标签设置文本的颜色、大小、字体
语法:<font color="#ff0000" face="隶书" size="1">文本内容</font>
属性
color:设置文本的颜色,值可以是英文单词,如red,blue,也可以用16进制表示 如#00ff00
face:设置文本的字体,例如 face="楷体"
size:设置文本的大小,值一般为整数,当取值不是整数时,会自动取整;-2和0时最小值,大小是12px;默认值是3,大小是16px,+0也是16px;最大值是7,+4及以上都等于最大值

以上的都可以用CSS实现

    • 二者都是color来设置文本的颜色
    • CSS中的font-family和face作用一样
    • CSS中的font-size和size作用一样

pre

pre标签是预定义格式标签,会保留文本的换行和空格
属性:width 控制每行显示的数目

b strong

b和strong标签都是使文本加粗
语法:<b>要加粗的内容</b><strong>要加粗的内容</strong>
注意:strong标签是强调作用
css替换:font-weight:bold;

i em

i和em标签都是是文本倾斜
语法:<i>内容</i> <em>内容</em>
注意:em标签是强调
css替换:font-style:italic;

u ins  

u和ins标签都是是文本有下划线
语法:<u>内容</u> <ins cite="" datetime="">内容</em>
注意:ins表示被插入的文字,是insert text的缩写
ins属性cite值是URL,解释为什么被插入
ins属性datetime格式YYYYMMDD,表示被插入的时间
css替换:text-decoration:underline;

p h hr br

p标签段落标记
语法:<p>内容</p>
属性:align 使段落整体左对齐,右对齐,居中对齐
取值:left right center
css替换:text-align:left;

h标签标题标签,文字会加粗,h1-h6文本大小逐渐减小
语法:<h2>内容</h2>
属性:align使标题左对齐,右对齐,居中对齐
取值:left right center

hr标签水平分割线
语法:<hr/>
属性 意义
align 对齐方式 left right center
noshade 有无阴影 noshade
size 水平线高度 px
width 水平线宽度 px %


br换行标签
语法:<br/>

特殊字符

&lt; < 小于号或显示标记
&gt; > 大于号或显示标记
&amp; & 可用于显示其它特殊字符
&quot; 引号
&reg; ® 已注册
&copy; © 版权
&trade; 商标
&ensp;   半个空白位
&emsp;   一个空白位
&nbsp;   不断行的空白

div span

div和span都是容器,没有什么意义,div常用来布局,div是块标签,span是行内标签
块标签和行内标签的区别
display属性值不同,块标签属性值是block,行内标签属性值是inline,可以相互转换
块标签独占一行,行内标签不独占,会连续
块标签可以设置宽度和高度



猜你喜欢

转载自blog.csdn.net/arvinzd/article/details/52900952