【2023.9.13】HTML基本语法规范

基本语法:

1.HTML标签是由尖括号包围的关键词,例如<html>

2.开始标签和结束标签成对出现,如<html>和</html>,称为双标签

3.部分特殊标签单个出现<br/>,称为单标签

标签关系:

双标签关系分为两类:包含关系和并列关系。

包含关系:
<head>
   <title> </title>
</head>
并列关系:
<head> </head>
<body> </body>

基本结构标签:

标签名定义说明
<html></html>HTML标签页面中最大的标签:根标签
<head></head>文档头部head标签中必须设置title标签
<title></title>文档标题设置网页的标题
<body></body>文档主体含有页面内容

VSCode工具新增标签:

标签名定义说明
<!DOCTYPE html>文档类型声明告诉浏览器用哪种HTML版本显示网页
<html lang="en">选择语言zh-CN定义语言为中文,en为英语
<meta charset="UTF-8">规定字符集便于计算机识别和储存各种文字,若不写则会乱码

HTML常用标签:

标签名定义说明
<h1></h1>-<h6></h6>标题标签一个标题独占一行,且加粗变大
<p></p>段落标签自动换行,段落间保持空隙
<br/>换行标签强制换行(break),单标签
<strong></strong>文本加粗
<b></b>文本加粗
<em></em>或<i></i>文字倾斜
<del></del>或<s></s>删除线
<ins></ins>或<u></u>下划线
<div></div>

分区

盒子。一个div独占一行。
<span></span>跨距一行可有多个span。
<img src="图像URL"/......>图像src用于指定路径

图像标签的属性:

属性属性值说明
src图片路径必要属性
alt文本替换文本,图片不能显示的文字。
title文本提示文本。鼠标放到图像上现实的文字。
width像素
height像素
border像素边框粗细

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值