HTML基本语法

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

       文字与段落

          编辑文字

       文字是网页的基础,可以通过HTML中的一些标记实现对文字的格式化,前提是想要在网页中显示的文字必须添加到<body>……</body>之间。

       在网页中添加了文字之后,常常需要对它进行一些格式化操作,比如改变文字的字体、颜色、大小等。这事可以用font属性来定义文字格式,

       基本语法为:

       <font face=" " size=" " color=" " >……</font>

       其中,face用来定义字体,可以为face属性一次定义多个字体,用“,”隔开,浏览器再读取字体时,如果第一个字体系统中不存在,就显示第二种字体,如果第二种字体也不存在,则显示第三个字体,以此类推;size属性用来定义文字大小,取值为+1~+7,-1~-7;color用来定义字体颜色,其值为颜色的英文单词或十六进制数。

       此外,还有几种修改文字格式的属性:

       <b>……</b>  加粗文字显示;

       <i>……</i>    文字斜体显示;

       <u>……</u>  为文字添加下划线;

       <del>……</del>为文字添加删除线;

       <sup>……</sup>让文字为上标格式显示,如代码段x<sup>2</sup>-3x+2=0的显示结果为X2-3x+2=0;

       <sub>……</sub>让文字为下标格式显示,用法同<sub>属性。

        段落格式

    段落标记:在文本编辑器中手动输入的回车和空格通常会被HTML忽略,所以网页中的段落通常用<p>……</p>来格式化。由<p>属性标记的文字,代表同一个段落,不同段落间的间距等于连续加了两个换行符,所以用于区别文字的不同段落。

       水平分割线:<hr size=" " width=" " height=" " color=" " align=" >   注意这是单标记哦!width表示水平线的宽度,其值可以为百分比,也可以用像素表示,但高度size只能用像素表示;align为水平线对齐方式,值为left(居左)、center(居中)、right(居右);noshade表示水平线不出现阴影效果,默认为出现阴影效果;

       其他标记:

       <br>换行符标记,注意是单标记;

       <&nbsp> 空格,也是单标记;

       <center>……</center>是网页中的段落文字居中显示,也可以使图片等网页中的元素居中显示;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏数据库新发现

关于shared pool的深入探讨(一)

http://www.eygle.com/internal/shared_pool-1.htm

1433
来自专栏我和未来有约会

Blend基础-布局控件

布局 什么是布局? Panels控件(其实就是容器控件) 对内部的子控件提供了自动布局功能 可以在容器控件内继续添加容器控件(一个复杂的界面往往是多种容器控件...

2346
来自专栏云端架构

【云端架构】前端必备常用HTML标签

注释:开始标签的英文翻译是 start tag 或 opening tag,结束标签的英文翻译是 end tag 或 closing tag。

4126
来自专栏前端杂货铺

响应式web布局中iframe的自适应

困境           在响应式布局中,我们应该小心对待iframe元素,iframe元素的width和height属性设置了其宽度和高度,但是当包含块的宽度...

36712
来自专栏Python研发

CSS,注意点!!!!!!!

4、用css给body标签加个 margin:0(用于消除body边框和浏览器间的空白部分)

1433
来自专栏杨龙飞前端

css常用居中

3056
来自专栏Java帮帮-微信公众号-技术文章全总结

与Ajax同样重要的jQuery(1)

jQuery框架 jQuery 1.4 是企业主流版本,从jQuery1.6 开始引入大量新特性。最新版本 2.1.1,这里讲解以1.8.3为主(新版本主要是浏...

3196
来自专栏Android干货

自定义控件详解(三):Canvas效果变换

2855
来自专栏张俊红

网页的修饰

总第61篇 上一篇推送了网页的基本构成,链接地址:网页是怎么构成的?,这篇来讲讲网页的修饰,正如字面意思一般,本篇分享的内容是用来修饰网页的,是让网页变得更加好...

3867
来自专栏菜鸟计划

css渲染(三)颜色与背景

颜色的应用主要分为前景色、背景色和透明三个部分。 一、前景色 color   color前景色   值: <color> | inherit   初始值: 用户...

3516

扫码关注云+社区

领取腾讯云代金券