本文概述了HTML的基本语法规范，包括标签结构、文档类型声明、常用标签如标题、段落和链接，以及开发工具的使用。深入讲解了HTML骨架标签、注释和特殊字符，并介绍了如何通过实例操作掌握关键标签和链接技巧。
学习总结：
一、HTML语法规范：
HTML标签：<html></html> 双标签
单标签：<br >
标签关系：1.包含关系 2.并列关系
二、HTML基本结构标签(骨架标签)：
<html></html> HTML标签 根标签 最大的标签
<head></head>文档的头部，注意在head标签中必须要设置titl标签
<title></title> 网页标题
<body></body>文档的主体 页面内容
三、网页开发工具：
<!DOCTYPE> 文档类型声明标签，告诉浏览器使用哪种HTML版本来显示网页
lang显示语言种类
字符集
四、HTML常用标签
1.标题标签 <h1> - <h6> 单词head的缩写 每个标题独占一行，字体加粗逐级减小
2.<p></p>段落标签
3. <br > 换行标签
4.文本格式化标签：
加粗 ： <strong></strong>
倾斜：<em></em>
删除线：<del></del>
下划线： <ins></ins>
5.<div></div>和<span></span>标签
div标签独占一行，一行可放多个span标签
6.图像标签和路径
1.图像标签：<img src=" " alt=" ">
属性： src为必须属性，图像文件的路径和文件名
alt 替换文本 图像不能显示的文字
title 提示文本
图像的宽: width 高：height 边框粗细：border
属性写在标签名后面 ，不分先后顺序。
2.路径
相对路径：引用文件所在位置 / ../
绝对路径：图像完整的网页地址
电脑中的哪个位置 目录地址
7.超链接标签 从一个页面链接到另一个页面
1.语法格式：
<a>标签 ：<a href="跳转目标" target=“目标窗口的弹出方式”> 文本或图像 </a>
href 必须属性 链接目标的url地址
2.链接分类：
外部链接 、内部链接、空链接、下载链接、网页元素的链接、锚点链接
五、HTML中的注释和特殊字符
1.注释：如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签 <!-- --> 快捷键：ctrl + /
2.特殊字符
重点记住三个
空格  ；< 小于号 < > 大于号 >
扫一扫
1213
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
