html文字与段落标签(html视频教程推荐)

html文字与段落标签教程。小小课堂网HTML视频教程零基础入门首选。

下方为HTML视频教程,如视频不能正常播放,请安装flash或更换浏览器。请记得在视频右下角选择“超清”,然后点击“全屏”,效果更加。

 

1.3.1 标题H

HTML文档有<h1>到<h6>表示标题(headline),<h1>最高级别的标题,级别依次递减。

如:<h1>我是h1标题,我最大</h1>

<h2>我是h2</h2>

<h6>我是最小的标题</h6>

标题对齐方式<align=” 对齐方式” >不赞成使用,请使用样式取代它。

三种对齐方式:left、center、right;

如:<h1 align=”left”>1级标题左对齐</h1>

1.3.2 文本基本标签

<font>控制字体、字号和颜色等属性。<font></font>

字体:<font face=”字体”></font> 如<font face=”宋体”>我是宋体</font>不赞成使用,请使用样式取代它。

字号:<font size=”字号”></font>不赞成使用,请使用样式取代它。

字号大小两种方式:整数1-7代表绝对大小,-4到+4相对3号放大缩小

如<font size=”1”>我是1号字体</font>
如<font size=”-1”>我是2号字体</font>

:<font color=”颜色”></font>不赞成使用,请使用样式取代它。

如<font color=”red”>我是红色字</font>

1.3.3 文本格式化

粗体:<b></b>、<strong></strong>(HTML5推荐使用strong或CSS”font-weight”

如:<b>我是被b标签加粗的文字</b>

<strong>我是被strong标签加粗的文字</strong>

斜体:<i></i> 、<em></em>、<cite></cite>(HTML5推荐使用em

如:<i>我是被i标签加的斜体字效果</i>

<em>我是被i标签加的斜体字效果</em>

< cite >我是被i标签加的斜体字效果</ cite >

上标:<sup></sup> superscript

如:2<sup>3</sup> 。在浏览器中显示为23

小标:<sub></sub>

如:Q<sub>2</sub>。在在浏览器中显示为Q2

大字号:<big></big>   

比原来字号大一级,如已经是最大7号字无法扩大。CSS可以。

如:<big>我是比原来字号大一级的文字</big>

小字号:<small></small> 

比原来字号小一级,如已经是最小1号字无法扩大。CSS可以。

如:<small>我是比原来字号大一级的文字</small>

下划线:<u></u>

HTML4.01中,U元素不被推荐使用。

XHTML1.0中,U元素不被支持。

尽量避免为文字添加下划线,用户会把它混淆为一个超链接。

如:<u>我是被加了下划线的文字</u>。

1.3.4 段落

<p></p>定义段落,P元素会自动在其前后创建一些空白。

在HTML4.01中,所有p元素呈现属性均不被赞成使用。

在XHTML1.0中,所有P元素呈现属性均不被支持。

属性align 对齐方式:left、center、right不赞成使用,请使用样式取代它。

如:<p align=”left”>我是一个段落并且左对齐</p>

换行<br />

本行未满,强制换行。

注:<br>标签只是简单地开始新的一行,<P>标签,在相邻段落之间插入垂直距离。

如:<p>我是第一行<br />我是第二行</p>

不换行<nobr></nobr>

本行满,强制不换行。W3C未被采用,可用样式<div style=”white-space:nowrap”>

如:<p><nobr>我是第一行,超过了浏览器文本宽度后,依然不换行<nobr><p>

1.3.5 水平线

<hr />单标签,水平线。

在HTML4.01中,所有hr元素呈现属性均不被赞成使用。

在XHTML1.0中,所有hr元素呈现属性均不被支持。

如:<p><hr><br />我的上面是一条水平线</p>

水平线宽度 <hr width=”宽度”>   单位:像素值,或者窗口百分比不赞成使用,请使用样式取代它。

如:<hr width=”100”>

<hr width=”50%”>

水平线高度<hr size=”高度”>  单位:只能是像素值不赞成使用,请使用样式取代它。

如:<hr size=”10”>

水平线去阴影 <hr noshade>      不赞成使用,请使用样式取代它。

如:<hr size=”2” noshade>

水平线颜色<hr color=”颜色”>不赞成使用,请使用样式取代它。

如:<hr color=”red”>

水平线对齐方式 <hr align=”方式”>  三种:left、center、right不赞成使用,请使用样式取代它。

如:<hr width=”210” align=”left”>,210px宽度的水平线左对齐.

1.3.6 空格 &nbsp;

建议不要在HTML中强行键入空格和回车这种会占位的空白字符。

如:<p>&nbsp; &nbsp;我是一个段落,前面有两个空格<p>

段落中换行的话,我们要<br/>来换行,而不要用很多个空格来换行。避免冗余代码。

图文不够清楚?请观看HTML视频教程

扫描二维码关注“小小课堂网”

第一时间获取最新教程

二维码

所有文章均为小小课堂网原创。发布者:SEO免费培训教程,转转请注明出处:https://www.xxkt.org/4661

(0)
上一篇 2018年5月15日 上午12:31
下一篇 2018年5月15日 下午3:47

相关推荐

发表评论

您的电子邮箱地址不会被公开。

评论列表(1条)

  • 马慧SEO
    SEO免费培训教程 2018年10月31日 下午2:36

    小小课堂SEO自学网(https://www.xxkt.org/ ),全网营销SEO概念提出者,提供SEO培训、全站优化诊断、顾问咨询为主的SEO服务。分享SEO实战经验,新站快速排名,单页面排名和三方平台推广等技术。电子书营销、论坛发帖推广、电子邮件营销、新媒体运营等网络营销教程。

error: Content is protected !!