当前位置: 首页 > article >正文

前端学习:HTML基本标签

目录

一、标题标签

二、段落标签

三、网址链接标签

四、HTML图像标签

五、HTML注释标签

 六、HTML声明

 七、换行标签

八、 HTML水平线标签

九、粗体文本标签

HTML5规范声明:


一、标题标签

HTML标题(heading)是通过<h1>、<h2>....<h6>等标签进行定义的,数字越大字号越小。

<h1>One heading</h1>
<h2>Two heading</h2>
<h3>Three heading</h3>

 浏览器会自动地在标题的前后添加空行

尽量确保标题就是标题,而不是为了加大或者减小字体而去使用;用户可以通过标题进行快速浏览网页,所以用标题来呈现文档结构很重要

二、段落标签

HTML段落是通过<p>标签进行定义的。

<p>第一个标签</p>
<p>第二个标签</p>

 浏览器会自动地在段落的前后添加空行。(<p> 是块级元素)

 使用空的段落标记<p></p>去插入一个空行是一个坏习惯,可以用换行符<br/>替换

三、网址链接标签

HTML网址链接是通过<a>标签进行定义的。

<a href="http://www.baidu.com">这是一个网址链接</a>

href:用于指定链接中的地址。

四、HTML图像标签

HTML图像是通过<img>标签进行定义的。

<img src="baidui.png" wight="100" height="50" />

图片尺寸可以自己定义

五、HTML注释标签

HTML注释也可以采用双斜杠的方式,一般采用以下形式:

<!--这是注释,运行时不显示-->

 六、HTML<!DOCTYPE>声明

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML,所以不需要引用 DTD。

提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。

 七、换行标签

<br />是可插入的一个简单换行符

<br />标签是空标签(没有结束标签)

可以写成<br>,但是为了规范最好写为<br />

 

八、 HTML水平线标签

<hr />标签在HTML页面中创建水平线

hr元素可用于分割内容

 

九、粗体文本标签

<b>标签规定粗体文本 

根据HTML5规范,在没有其他合适标签更合适时,才应该把<b>标签作为最后的选项。

 

HTML5规范声明:

应该使用<h1>-<h6>来表示标题,使用<em>标签来表示强调的文本,应该使用<strong>标签来表示重要的文本,应该使用<mark>标签来表示标注的/突出显示的文本

 


http://www.kler.cn/a/7412.html

相关文章:

  • python实现十进制转换二进制,tkinter界面
  • 车载诊断架构 --- 关于DTC的开始检测条件
  • 图形 2.6 伽马校正
  • lua实现雪花算法
  • MySQL初学之旅(3)约束
  • hive alter table add columns 是否使用 cascade 的方案
  • cgroups是linux内核中限制、记录、隔离进程组(process groups)所使用的物理资源的机制
  • 【C++从0到1】22、C++中switch语句
  • 「SQL面试题库」 No_25 统计各专业学生人数
  • 【ChatGPT】ChatGPT 能否取代程序员?
  • 英语——不定词(二)
  • 对象的比较(数据结构系列12)
  • 2023中国程序员薪酬报告出炉,你拖后腿了吗?
  • ViewBinding用法
  • mysql知识点看这一篇就够了!
  • 振动监测信号的角度域之阶次分析(1)
  • ChatGPT 存在很大的隐私问题
  • Java分布式事务(七)
  • 前端后端交互系列之原生Ajax的使用
  • C的实用笔记39——结构体占用内存大小(了解)
  • linux信号量及其实例
  • Vue+H5如何适配各个移动端?
  • netty 实现websocket 携带参数建立连接
  • VSCode卸载、重装配置、常用快捷键
  • 【ChatGPT 】国内无需注册 openai 即可访问 ChatGPT:ChatGPT Sidebar 浏览器扩展程序的安装与使用
  • 【软件设计师10】软件工程