HTML标题和段落
HTML标题
通过<h1> - <h6> 等标签进行定义
<h1>一标题</h1>
<h2>二标题</h2>
<h3>三标题</h3>
<h4>四标题</h4>
<h5>五标题</h5>
<h6>六标题</h6>
效果:如我们所见,标题是粗体或大号的文本,所以需要注意的是,要语义化的使用标题标签,即仅仅把标题标签用于标题文本。如果为了产生粗体或大号文本而使用它们,请使用其它标签或 CSS 代替。
一标题
二标题
三标题
四标题
五标题
六标题
h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
用标题来呈现文档结构是很重要的,一方面:(用户体验)用户可以通过标题来快速浏览您的网页;另一方面:(SEO)搜索引擎使用标题为您的网页的结构和内容编制索引。网页中比较关键的标题可以使用h1,如果需要改变字体样式再通过CSS改变。因为h1是最重要的标题,所以爬虫对h1会敏感很多,会认为用h1标记的标题是网页中重要的内容。
HTML段落
通过<p>标签定义
<p>这是一个段落</p>
<p>这是另一个段落</p>
效果:
这是一个段落
这是另一个段落
标题标签<h#>和段落标签<p>都是块级标签,默认情况下,HTML 或者说浏览器会自动地在块级元素前后添加一个额外的空行。而且不同浏览器会为这些标签内容添加一定的外边距(margin)和内边距(padding)。
HTML标题和段落的更多相关文章
- 2-html标题、段落、换行与常用的字符实体
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- HTML5学习笔记三 HTML元素、属性、标题、段落简介
一.HTML 元素 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签 ...
- html标题_段落_换行_水平线_特殊字符
标题 <h1>一级标题</h1> <h2 align="对齐方式">二级标题</h2> 对齐方式有left,center,right ...
- bootstrap学习笔记<二>(标题,段落样式)
标题.样式:class="h1"~class="h6" bootstrap中重新定义了h1~h6标签,具体差别如下: 在bootstrap中其他任何标签使用cl ...
- html标题、段落、换行与字符实体
通过 <h1>.<h2>.<h3>.<h4>.<h5>.<h6>,标签可以在网页上定义6种级别的标题.6种级别的标题表示文档的6 ...
- 【回顾】html属性、标题、段落、文本格式化
1.HTML 属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现,比如:name="value". HTML 提 ...
- HTML元素1: 基本元素,标题,段落,链接,图像等
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- HTML(二)属性,标题,段落,文本格式化
HTML属性 HTML属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现,比如:name="value" 常用属 ...
- [HTML]常用的文本标签(标题、段落、加粗、下划线等标签)
标签类型 写法 说明 标题 <h1></h1>......<h6></h6> 加粗.独占一行(块级元素) 段落 <p></p> ...
随机推荐
- 邁向IT專家成功之路的三十則鐵律 鐵律四:IT人快速成長之道-複製
相信您一定看到過現今有許多各行各業的成功人士,他們最初都是從複製別人的成功經驗開始的,就算是一位知名的歌手,有許多都是在未成名以前,先行模仿知名歌手的唱腔.舞蹈.服裝等等開始的,然後在慢慢經過自我努力 ...
- Android 检查输入
在开发过程中,会经常遇到这样的需求:上面有很多的输入控件,等所有的输入都合法后,按钮才能自动变成enabled的状态,才能继续下一步的操作. 下面是一种用观察者模式实现的一种解决方案. button代 ...
- 【报错】spring整合activeMQ,pom.xml文件缺架包,启动报错:Caused by: java.lang.ClassNotFoundException: org.apache.xbean.spring.context.v2.XBeanNamespaceHandler
spring版本:4.3.13 ActiveMq版本:5.15 ======================================================== spring整合act ...
- [zlib]_[0基础]_[使用Zlib完整解压zip内容]
场景: 1. 解压文件一般用在下载了一个zip文件之后解压,或者分析某个文件须要解压的操作上. 2. 解压文件,特别是解压带目录的zip文件往往系统没有提供这类Win32 API,当然C#自带库能解压 ...
- 这一篇里面有很多关于scala的list的操作的好的知识
https://www.cnblogs.com/weilunhui/p/5658860.html 1.++[B] 在A元素后面追加B元素 1 2 3 4 5 6 7 8 9 10 11 12 13 ...
- Six ways to think like a journalist!
Journalists have the ability to state a thing more clearly. What can we learn from them to help us r ...
- vue2.0 + vux (四)Home页
1.综合页(首页) Home.vue <!-- 首页 --> <template> <div> <!-- 顶部 标题栏 --> <app-head ...
- 第一个Hello,OS World操作系统
来自:清泛网 - http://www.tsingfun.com/html/2015/dev_0804/hello_os_word_my_first_os.html 首先阐述下程序运行的基本原理:计算 ...
- C99_变长结构体实现
/************************************************************************* > File Name: C99_lengt ...
- PHP中使用Redis
Redis是什么 Redis ( REmote DIctionary Server ) , 是一个由Salvatore Sanfilippo写的key-value存储系统. Redis是一个开源的使用 ...