02-HTML_标记语义

一时失言乱红尘 2021-11-04 12:16 363阅读 0赞

回顾:  
html有什么作用?  
控制网页内容

# 1, <font>标记 #

注 : 网页中的文本字体和字号 一般通过CSS修饰.  
即, <font> is deprecated.

# 2, 字符格式 #

① 加粗 <b>文本</b>  
② 倾斜 <i>文本</i> incline  
③ 加强语气(加粗) <strong>文本</strong>  
④ 加强语气(倾斜) <em>文本</em>  
⑤ 下划线 <u>文本</u>  
⑥ 删除线 <s>文本</s>  
⑦ 上标 <sup>文本</sup>  
⑧ 下标 <sub>文本</sub>  
说明:语义 和 效果  
在写控制内容的标记时, 如果这内容很重要, 可以在语义上加权, 如 ③  
如果这内容是文章的标题, 推荐使用 <h1>, 此标签比 ③ 权高  
③ 和 ④, 语义加强, 做优化时, 优先被搜索, 等价于关键字  
其余的, 只是其显示效果的作用

# 3, 段落控制标记 #

## (1)段落标记 <p> ##

格式:  
<p align="对齐方式">段落内容</p>  
属性:  
align  
① left 左对齐(默认)  
② center 居中  
③ right 右对齐

## (2)段落标题 <h> ##

格式:  
<hx align="对齐方式">...</hx>  
说明:  
x : 1~6  
加粗换段, 针对段落  
段与段之间有空行.

## (3)换行 <br /> ##

格式:  
<br />  
说明:  
换行不换段

# 4, 修饰标记 #

水平直线 <hr />  
格式:  
<hr />  
说明:  
属性名称 属性值 说明  
size 像素/百分比 值越大越粗  
width 像素/百分比 值越大越宽  
align  
noshade noshade 实体  
注意:  
像素, 绝对值  
百分比,相对值  
width 设置为像素时, 如果过大出现横向滚动条

# 5, 特殊标记 #

## (1)定义一个块引用 ##

格式:  
<blockquote>被引用的文章等...</blockquote>  
说明:  
属性 值 说明  
cite url 该段内容来自哪个URL

## (2)居中标记 ##

格式:  
<center>内容</center>  
说明:  
被废弃的标记

## (3)预格式化 ##

格式:  
<pre>..</pre>  
说明:  
显示已经排版好的文字,  
通常用于表示计算机的源代码.  
如果不加此标记,浏览器会忽略空格和制表符.

发表评论取消回复

表情：

评论列表（有 0 条评论，363人围观）

还没有评论，来说两句吧...

相关阅读

相关 html中意外的标记for怎么处理_简单聊聊 HTML 语义化

![fad6ad3a2daa1833a3638c9d82422bcb.png][] 以前：相信大家对 div+css 一定不陌生，以前的网页，打开就是一堆 div+c

港控/mmm°/ 2023年01月10日 13:08/ 0 赞/ 94 阅读

相关 HTML语义化

1、什么是HTML语义化？ <基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等> 　　根据内容的结构化（内容语义化），选择

水深无声/ 2022年09月23日 05:53/ 0 赞/ 179 阅读

相关 html语义化

1、定义　　根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。通俗的说

素颜马尾好姑娘i/ 2022年08月19日 08:29/ 0 赞/ 213 阅读

相关 html 语义化

1，去掉或者丢失样式的时候能够让页面呈现出清晰的结构 2，有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个

布满荆棘的人生/ 2022年07月15日 08:43/ 0 赞/ 250 阅读

相关 HTML：HTML基本标记

第二章：HTML基本标记２.１HTML头部标记head 语法： <head>......</head> 说明：元素的作用范围是整篇文档，定义在HTML

Myth丶恋晨/ 2022年06月05日 04:05/ 0 赞/ 378 阅读

相关 HTML语义化

1、什么是语义化根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码，同时让浏览器更好的解析。 2、为什么要语义化

Bertha 。/ 2022年06月02日 05:27/ 0 赞/ 208 阅读

相关 HTML 标记一览

HTML 标记一览 <table style="margin-left:3.15pt;width:584px;"> <tbody> <tr> <td

电玩女神/ 2022年02月21日 16:50/ 0 赞/ 297 阅读

相关 HTML一些标记

4）a标签也可以转换样式为按钮 <a class="btn btn-primary" href="" role="button">View all project</

ゝ一纸荒年。/ 2022年01月09日 05:27/ 0 赞/ 310 阅读

相关 02-HTML_标记语义

回顾: html有什么作用? 控制网页内容 1, <font>标记注 : 网页中的文本字体和字号一般通过CSS修饰. 即, <fon

一时失言乱红尘/ 2021年11月04日 12:16/ 0 赞/ 364 阅读

相关 HTML标记语言

1、HTML标记语言 HTML的全称是 Hyper Text Markup Language，即超文本标记语言。HTML是一种在互联网上常见的网页制作标记性语言，HTML

拼搏现实的明天。/ 2021年09月30日 13:56/ 0 赞/ 408 阅读