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

HTML-标签1 206

myzbx 2024-12-03 16:40 27 浏览

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 注释

上一篇：Java 常用注解一次性扫盲
下一篇：HTML5前端开发入门:HTML页面的基本代码结构是什么?

HTML-标签1 206

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

这么牛逼的cursor功能，赶紧用起来

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

用上Vue3，你真的变了吗?（vue3 key）

8.7k star，一款超炫酷的动态可视化大屏项目

说下你的vue项目的目录结构，该怎么划分?

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

20个免费音乐音效下载网站，无版权素材商业影片也可用

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331

谷歌SEO:外贸电商网站On-page SEO优化实战「附案例」