【HTML基本骨架及标签】

一.HTML基本骨架

html基本骨架为:

1.文档类型 <!DOCTYPE html> 

告诉浏览器使用的HTML版本。

确保文档正确呈现(是必不可少的关键部分)。 

 2.html文档标签<html>...</html>:

这个标签限定了文档的开始点和结束点,即<html>表示HTML文档的开始,</html>则表示HTML文档的结束。

HTML文档包括头部<head>和主体<body>两个标签。

3.HTML头部标签<head>...</head> 

用于定义文档的头部。文档的头部描述了文档的各种属性和信息,包括文档的标题,在web中的位置及与其他文本的关系。

HTML文档头部标签内包含了两种必要的标签。

(1)<title>标签

  •  可定义文档的标题。
  • 它显示在浏览器窗口的标题栏或状态栏上。 
  • 此标签只能嵌套于<head>与</head>之间。
  • <title>的增进有利于SEO(搜索引擎优化)。

(2)<meta>标签

  •  第一行<meta>标签中的charset元素是一个字符集声明,它告诉文档使用哪种字符编码。
  •  第二行<meta>标签则是确保网页响应并在所有设备上响应。

4.HTML主体标签<body>...</body>:

 包含网页内容。

所有可见元素如文本,图像,链接和表单都在这。

二.段落换行水平线标签

段落标签<p></p>:如文字过长,它会根据窗口宽度自行换行。

换行标签<br>:强制文本换行(单标签)

水平标签<hr>:创建横跨网页的水平线(单标签)

                        属性:color="颜色" align="left/center/right" size="粗细" width="长度" noshade="noshade"(粗细及长度以像素为单位)

                

 三.文本标签

  • 标题标签:<h1>-<h6>

正确使用标题,确保HTML标签只用于标题

  •  粗体标签<b></b>
  • 倾斜文本<i></i>
  • 删除线文本<del></del>
  • 下划线文本<ins></ins>

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值