1.文本标签

1.1段落与换行标签

基本语法如下:

<p>段落内容</p>

语法说明:将标签对之间的内容创建为一个段落。生成的段落默认与上下文有一空行的间隔,这是段落的默认样式决定的,默认情况下,段落存在16px的上外边距和下外边距,可以通过margin:0样式代码来重置这个默认外边距,默认情况下段落相对于其父窗口居左对齐,要修改水平对齐样式,有两种方法,一种是使用标签的align属性(但HTML5已经不再支持改属性了),另外一种是使用CSS,建议使用CSS样式。

1.2标题字标签

标题字根据字号分为6级,分别用h1~h6来表示,字号的大小默认随数字增大而递减,标题字的大小可以使用CSS修改
设置语法如下:

<hn>标题字</hn>

**语法说明:**n取值为1~6,默认情况下,标题字相对其父窗口居左对齐,要修改水平对齐方式,可以通过align属性(但HTML5已经不再支持改属性了),另外一种是使用CSS,建议使用CSS样式。

1.3strong标签

通过预期的加重来强调文本
语法如下:

<strong>文本</strong>

1.4em标签

也是具有强调意义的标签,同时在样式上会显示倾斜效果
语法如下:

<em>文本</em>

1.5mark标签

HTML5新增的标签,用来定义带有记号的文本,默认情况下,mark标签的背景颜色是黄色,可以通过修改mark的背景属性来修改高亮显示的背景色。
设置语法如下:

<mark>文本</mark>

1.6time标签

HTML5新增标签,用来定义公里的时间(24小时制)或日期,该标签能够以机器可读的方式对日期和时间进行编码,比如用户代理能够把生日提醒或排定的事件添加到用户日程表中。该标签有两个属性:

  • datetime属性:定义标签的日期和时间,如果未定义该属性,则必须在标签的内容中规定日期或时间
  • pubdate属性:指示time标签中的日期/时间是文档的发布日期,可选值为pubdate
    **注意:**time标签中如果没有设置datetime属性,则必须在标签的内容中规定日期或时间。

1.7span标签

span标签是一个装饰性标签,通常用于设置文本的视觉差异,例如某些关键字需要区别对待时,或者搜索关键字标红,都可以使用,设置语法如下:

<span>文本内容</span>

1.8空格和特殊字符的输入

  • 空格
    在浏览器中多个空格只会保留一个,所以如果想要输入多个空格,可以输入代码:
&nbsp;

需要注意的是,默认情况下 &nbsp;在不同浏览器中显示的宽度是不一样的,比如在IE浏览器中4个空格等于1个汉字,而在chrome中有的是两个等于一个汉字,在实际应用中,最好用CSS样式来生成空格,比如段首的缩进空格,最好使用text-indent样式属性来设置。

  • 特殊字符的输入
    在HTML有一些特殊字符需要使用,设置语法如下:
&实体名称;

HTML标签之文本标签相关推荐

  1. Web学习第一天——HTML简介及常用标签(文本标签)

    第一天 HTML简介及常用标签(文本标签) 一. HTML简介 1. 什么是HTML 2. HTML的编写工具 3. HTML的文档结构 4. W3C标准 二.HTML中的常用标签 (一). head ...

  2. html中什么标签可作容器,HTML容器标签和文本标签

    html中的容器级标签和文本级标签,css中的块级元素和行内元素是咱们经常拿来比较的四个名词(行内块级暂时先不考虑).注:若是标签嵌套错误,可能会发生浏览器解析错误的状况,只是针对嵌套作的这个.css ...

  3. HTML文件标签和文本标签

    1.文件标签:构成html最基本的标签 html:html文档的根标签head: 头标签 用于指定html文档的一些属性 引入外部资源title:标题标签body:体标签 2.文本标签:和文本有关的标 ...

  4. JavaWeb7.2【HTML标签:文件标签、文本标签】

    文件标签:构成html最基本的标签 html:html文档的根标签 head:头标签.用于指定html文档的一些属性.引入外部的资源 title:标题标签. body:体标签 <!DOCTYPE ...

  5. HTML学习3:常用标签之文本标签

    前面说到HTML是一种标记语言,在HTML中就是用一个个标签来标记网页的,下面就来进行常用标签的学习.我们说到网页,首先关注到的就是网页中显示的文本内容,而这些文本内容就是用文本标签来标记的. 在说常 ...

  6. 常用标签以及文本标签(下)

    常用标签 无序列表 没有序列的一组内容 (1)语法 <ul> <li>苹果</li> <li>香蕉</li> </ul> (2) ...

  7. [JavaWeb-HTML]HTML标签_文本标签_练习

    案列效果: 文本素材: "中关村黑马程序员训练营"是由传智播客联合中关村软件园.CSDN, 并委托传智播客进行教学实施的软件开发高端培训机构,致力于服务各大软件企业,解决当前软件开 ...

  8. html5常用的属性标签,HTML5常用标签及其属性设置

    一.Html5的基本结构 网页的内容 二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...

  9. HTML/CSS学习笔记01【概念介绍、基本标签】

    w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...

最新文章

  1. 数据蒋堂 | JOIN简化 - 消除关联
  2. 算法----摆动序列
  3. 用于构建集成式桌面应用程序的新指南和新工具(转载于MSDN)
  4. onmousewheel
  5. 100本名著浓缩成了100句话
  6. WP7之Application Bar控件
  7. 我国初步建立法规,短期难扭转生物多样性减少趋势
  8. 一起谈.NET技术,ASP.NET 4.0 一些隐性的扩展
  9. Linux 命令执行流程
  10. SQL2000和SQL2005同时安装问题(转载)
  11. _stdcall,_cdecl区别
  12. 数据库数据误删除恢复
  13. 电脑提示文件或目录损坏且无法读取
  14. vlookup使用步骤_vlookup函数的使用方法
  15. html js 做一个钟表,html,css,js实现的一个钟表
  16. Arch Linux 下安装 st (终端模拟器)
  17. Practical Python and OpenCV 3rd Edition读书笔记_Chapter8_Smoothing and Blurring平滑与模糊_思维导图
  18. 定位推送分享轻社交网络平台《足迹》——数据库设计
  19. 超级电容容量、耐压值、电容值计算方法
  20. 如何判断应变片式压力传感器是否损坏

热门文章

  1. 《黑暗之光》RPG游戏案例学习(8)——第四章 游戏任务系统
  2. 用计算机解锁ipad密码忘了怎么办,如果忘记并锁定了Apple ipad开机密码,该怎么办?如果Apple平板电脑忘记了锁屏密码,该怎么办...
  3. html5 清除cookies,react怎么清除cookie?
  4. 分蛋糕(求满足条件的最小偶数)
  5. Qt Phonon介绍及安装
  6. Java实现 LeetCode 242 有效的字母异位词
  7. linux 终端打印图片,Linux终端打印命令使用介绍
  8. vue html5播放流媒体,关于视频播放器:H5播放Rtmp之vuevideoplayer播放播放
  9. comment(comment可数还是不可数)
  10. win10 64位运行chkdsk命令无反应