专注Java教育14年 全国咨询/投诉热线:400-8080-105
动力节点LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 HTML文字与段落

HTML文字与段落

更新时间:2021-08-26 13:28:37 来源:动力节点 浏览638次

文字的字体(Font)和颜色(Color)

定义文字大小和颜色使用font标签对。

基本语法:

 <font>……</font> 

它的的属性值有: face(字体 )color(颜色)等

示例:

< html > 
< head >
     < title >h标签演示</ title >
</ head >
< body >
     < font   face = "黑体"  color = "red" >文字的字体和颜色</ font >
</ body >
</ html >

文章标题(H标签)

在浏览网页中最先关注的是文章的标题,字体很大很突出. 通常使用<h1></h1>对标签.h标签分为6种,分别是<h1> - <h6>,字体从大到小.

示例:

< html > 
< head >
     < title >h标签演示</ title >
</ head >
< body >
     < h1 >我是h1标签</ h1 >
     < h2 >我是h2标签</ h2 >
     < h3 >我是h3标签</ h3 >
     < h4 >我是h4标签</ h4 >
     < h5 >我是h5标签</ h5 >
     < h6 >我是h6标签</ h6 >
</ body >
< html >

 标题字的对齐属性(align)

< html >
< head >
     < title >标题字的对齐属性(align)</ title >
</ head > 
< body >
     < h2 align = left >左对齐< / h2 >  
     < h2 align = center >居中对齐< / h2 >  
     < h2 align = right > 右对齐< / h2 > 
</ body >
</ html >

字体加粗(B标签)

< html > 
< head >
     < title >B标签演示</ title >
</ head >
< body >
     这是没有使用b标签的正常字体
     < b >使用b标签加粗的字体</ b >
</ body >
< html >

斜体标记<i>,<em>,<cite>

基本语法:

 <i> ……</i>
 <em> ……</em>
 <cite> ……</cite>

示例:

< html >
< head > 
     < title >斜体标记i,em,cite标签</ title >
</ head >
< body >
     < i >斜体标记i演示</ i >
     < em >斜体标记em演示</ em >
     < cite >斜体标记cite演示</ cite >
</ body >
</ html >

有一些标签,用来指出包含的文本有特殊的意义,比如<abbr>(表示缩写),<em>(表示强调),<strong>(表示更强地强调),<cite>(表示引用),<address>(表示地址)等等。这些标签不是为了定义显示效果而存在的,所以从浏览器里看它们可能没有任何效果,也可能不同的浏览器对这些标签的显示效果完全不同。

下划线标记 < U >和删除线标记 < s >

基本语法:<u>……</u>
基本语法:<s>……</s>
        <strike>……</strike>

段落标记(P)

浏览器解析HTML文档会忽略空白符,所以要想保证正常的分段换行的话,必须指出哪些文字是属于同一段落的,这就用到了标签<p>。

<p>标签式段落标记,浏览器会自动地在段落的前后添加空行。

基本语法:

  <p> ……</p>

示例:

< html >
< head >
     < title >P标签示例</ title >
</ head >
< body >
     < p >这是第一个段</ p >
     < p >这是第二个段</ p >
</ body >
</ html >

水平线标记(HR)

<hr />标签在HTML页面中创建水平线,hr元素可用于分隔内容。它的属性有:

width(水平线的宽度标记)

size(水平线的高度)

color(水平线的颜色)

noshade水平线去掉阴影属性标记

align:水平线对齐属性

前面已经简单的用过了HR标签,这次为其添加上属性,示例:

< html >
     < head > < title >HR标签演示</ title ></ head >
< body >
     < h1 >带属性值的HR标签演示</ h1 >
     < hr  width = 70 %  size = 3  color = bule  alingn = center   />
</ body >
</ html >

输入特殊符号

基本语法:   &nbsp;&quot  &amp

例如我们想在网页显示多个空格,可是在源代码中无论你敲多少空格,实际的显示页面只能显示一个。

以上就是动力节点小编介绍的"HTML文字与段落",希望对大家有帮助,想了解更多可查看HTML教程。动力节点在线学习教程,针对没有任何Java基础的读者学习,让你从入门到精通,主要介绍了一些Java基础的核心知识,让同学们更好更方便的学习和了解Java编程,感兴趣的同学可以关注一下。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>