营销型网站建设及推广,wordpress文字头像,响应式网站模板百度云,网络营销方式目录
HTML段落标签
HTML换行标签
HTML格式化标签
加粗标签
倾斜标签
删除线标签
下划线标签
HTML水平线标签 HTML段落标签
在网页中#xff0c;要把文字有条理地显示出来#xff0c;就需要将这些文字分段显示。在 HTML 标签中#xff0c;p标签用于定义段落…目录
HTML段落标签
HTML换行标签
HTML格式化标签
加粗标签
倾斜标签
删除线标签
下划线标签
HTML水平线标签 HTML段落标签
在网页中要把文字有条理地显示出来就需要将这些文字分段显示。在 HTML 标签中p标签用于定义段落它可以将整个网页分为若干个段落。
为文本分段可以使用段落标签p /p包裹需要放在一段的文字
p这是第一个段落/p
p这是第二个段落/p
注意
在网页界面显示时段落和段落之间存在一个较大的空隙当前的p标签描述的段落前面还没有缩进文本在一个段落中会根据浏览器窗口的大小自动换行HTML 内容首尾处的换行, 空格均无效在 HTML 中文字之间输入的多个空格只相当于一个空格.HTML中直接输入换行不会真的换行而是相当于一个空格
示例代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title段落标签/title
/head
bodyp这是第一个段落/p当前段落内容第二行内容p这是第二个段落/p当前段落内容第二行内容
/body
/html
效果如下 HTML换行标签
在HTML中常见用br/标签表示换行也可以用br标签但是不规范 注意br/标签为单标签
这是第一句话接下来需要换行br/已经换行
示例代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title段落标签/title
/head
body这是第一句话接下来需要换行br/已经换行
/body
/html
效果如下 HTML格式化标签
在HTML中可以使用下面的标签实现对应的属性并且这些标签可以嵌套使用
加粗: strong 标签 和 b 标签倾斜: em 标签 和 i 标签删除线: del 标签 和 s 标签下划线: ins 标签 和 u 标签 在四个格式化标签中虽然每一类的第一个标签和第二个标签实现的效果相同但是为了更加强调文本效果提高代码可读性推荐用第一种标签
加粗标签
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title粗体测试/title
/head
bodyh1下面是加粗文本和非加粗文本的对比/h1strong这是一个加粗文本/strongbr这是一个普通文本
/body
/html
效果如下 倾斜标签
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title倾斜标签测试/title
/head
bodyh1下面是倾斜文本和非倾斜文本对比/h1em这是一个倾斜的文本/embr这是一个普通文本
/body
/html
效果如下 删除线标签
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title删除线标签测试/title
/head
bodyh1下面是有删除线和没有删除线的文本对比/h1del这是有删除线的文本/delbr这是一个普通文本
/body
/html
效果如下 下划线标签
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title下划线标签测试/title
/head
bodyh1下面是有下划线的文本和无下划线的文本对比/h1ins这是一个有下划线的文本/insbr/这是一个普通文本
/body
/html
效果如下 HTML水平线标签
在HTML中使用hr标签可以在网页上实现水平分割线的效果 注意水平分割线标签为单标签
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title水平线标签测试/title
/head
bodyh1当前标签下面的横线为水平线/h1hr这是分割线下方的测试文本
/body
/html
效果如下
