当前位置：网站首页 > 技术文章 > 正文

HTML-标签1 206

zhezhongyun 2024-12-03 06:25 44 浏览

1)HTML标签

1.1 双标签有:<html></html>,<head></head><title></title>等

1.2 单标签有: ,<hr/>,<img/>等

2标签属性

标签的属性现在暂时写在标签内,其格式为属性名="属性值"

属性值:HTML中属性值既可以用单引号括起来,也可以用双引号括起来或者不用引号都可以(不推荐)单双引号一定要配对出现

3)HTML注释: HTML与XML一样使用来做注释

4)常见标签

1) meta: meta标签需要写在head标签中,meta属性及值有两种写法

1.1 指定name:<meta name=“名字” content=“值” />网页的描述信息。

比如:<meta name=“keywords” content=“网页关键词,有助于SEO”/>

1.2 指定http-equiv:<meta http-equiv="名字" content="值" />模拟http响应头信息。

比如:<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />指定网页编码,防止网页中的中文出现乱码

2)h1-h6标签一般用于标题,表示字体的大小,h1最大h6最小,有助于SEO

3)与 标签作用都是换行

标签前后会有比较大的空白一般用于段落, 标签只是换行

4)<center></center>使页面内容居中显示

5)文字显示为粗体与文字显示为粗体粗体(推荐)

6)文字显示为斜体 7)文字带下划线 8)文字显示为斜体

9) 2上标,比如10的平方：102

2下标,比如水的化学式：H2O

10)<pre></pre> 预格式化可以在页面原样输出

<!DOCTYPE html>
<html>
<head>
  <title>常见标签与属性</title>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>  
    <h1>预祝大家虎年快乐</h1>
    <h2>预祝大家虎年快乐</h2>
    <h3>预祝大家虎年快乐</h3>
    <h4>预祝大家虎年快乐</h4>
    <h5>预祝大家虎年快乐</h5>
    <h6>预祝大家虎年快乐</h6>
    致敬所有抗疫人员<br />
    你们辛苦了!!!<br />
    <p>致敬所有边防军人,消防员,警察等</p>
    <p>祝你们虎年快乐,身康体健</p>
  <center>居中显示</center>
  <b>文字显示为粗体</b>与<strong>文字显示为粗体粗体(推荐)<strong/><br>
  <i>文字显示为斜体</i>与<em>文字显示为斜体(推荐)</em> <u>文字带下划线</u><br/>
  10<sup>2</sup> <br/><!--水的化学式-->
  H<sub>2</sub>O <br/><!--10的平方-->
  <pre>
      葡萄美酒夜光杯，欲饮琵琶马上催。 
      醉卧沙场君莫笑，古来征战几人回？
  </pre>
  </body>
</html>

HTML 格式化

上一篇：推荐50个超实用的 Chrome 扩展，建议收藏
下一篇：再来一次，新 10 个“哇塞”的 web 资源，收藏等于学会

HTML-标签1 206

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

漏洞系列一一看我一招征服漏洞 SSRF

接口测试遇到500报错?别慌，你的头部可能有点问题

Web前端需要学什么?Web前端开发需要学习哪些?

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

HTML 简介（html简介及优缺点）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

关于HTML5被简称做H5，你怎么看?（html5缩写）

现在页面实时聊天都使用Websocket技术实现吗?