目录
[◆ HTML 语法规范](#◆ HTML 语法规范)
[◆ HTML 常用标签](#◆ HTML 常用标签)
[4.2 标题标签](#4.2 标题标签)
[4.3 段落和换行标签](#4.3 段落和换行标签)
4.5<div>和<span>标签
4.6图像标签和路径
[◆ HTML 中的注释和特殊字符编辑](#◆ HTML 中的注释和特殊字符编辑)
◆ HTML 语法规范
html
<!DOCTYvidE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewvidort" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<! DOCTYPE html>
- 以上三个代码vscode自动生成,基本不需要我们重写.
文档类型声明标签,告诉浏览器这个页面采取htm15版本来显示页面.
- <html lang="en">告诉浏览器或者搜索引挚这是一个英文网站.本页面采取英文来显示
4 .< meta charset="UTF-8"/>必须写. 采取 UTF-8来保存文字.如果不写就会乱码.具体原理后面分析.
◆ HTML 常用标签
4.2 标题标签<h1> -< h6>(重要)
为了使网页更具有语义化,我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题,
即<h1> -< h6>。
<h1>我是一级标题 </h1>
单词head的缩写,意为头部、标题。
标签语义:作为标题使用,并且依据重要性递减。
特点:
1.加了标题的文字会变的加粗,字号也会依次变大。
2.一个标题独占一行。
html
<!DOCTYvidE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewvidort" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>标题一共六级选,</h1>
<h2>文字加粗一行显。</h2>
<h3>文字加粗一行显。</h3>
<h4>从重到轻随之变</h4>
<h5>语法规范书写后,</h5>
<h6>具体效果刷新见</h6>
</body>
</html>
4.3 段落和换行标签
4.4文本格式化标签
4.5<div>和<span>标签
4.6图像标签和路径
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>常用form表单元素</title>
</head>
<body>
<h4>图像标签的使用</h4>
<img src="java112_0516_mysql.png">
<h4>alt 替换文本 图像像是不出来用文字替换</h4>
<img src="java112_0516_mysql.png" alt="我不爱学习">
<h4>title 提示文本 鼠标放在图标上,提示的文字</h4>
<img src="java112_0516_mysql.png" alt="我不爱学习" title="我其实爱学习" </body>
图像标签属性注意点:
1 图像标签可以拥有多个属性,必须写在标签名的后面。
2 属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
3 属性采取键值对的格式,即key="value"的格式,属性="属性值"。
重点掌握点:
请说出 图像标签哪个属性是必须要写的?
src
请说出 图像标签中aft和 title属性区别?
替换文本 提示文本
同一级路径(常用)
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>常用form表单元素</title>
</head>
<body>
<img src="CT-20240816095553.png" />
</body>
4.7超链接标签
1.外部链接
2.内部链接
3.空链接
4.下载链接
html
<h4>内部链接<h4>
<a href="http://Day03.html" target=_blank>去干嘛</a>
<h4>空链接<h4>
<a href="#">公司地址</a>
<h4>下载链接<h4>
<a href="hanjutv.zip" target="blank">zip文件</a>
5.锚点链接
会直接跳转到个人生活界面
◆ HTML 中的注释和特殊字符
如果您觉得有失偏颇请您在评论区指正,如果您觉得不错的话留个好评再走吧!!
您的鼓励就是对我最大的支持! ! !