1.HTML

最新推荐文章于 2024-09-04 15:47:59 发布

guan22

最新推荐文章于 2024-09-04 15:47:59 发布

阅读量28

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_68845336/article/details/134238685

版权

理解：HTML是网页元素的本质，用一个比喻来说，要是把网页比作美轮美奂的成品房的话，它就是一开始的毛坯房。它带有原生的丑陋，但之后所有美化的技术的对象都是它，所以它的结构和组成，十分的重要。

如何学习？

有一定编程经验的：刷一遍W3C的编程实战，基本上主要结构都能够了解，在使用的时候查查文档就OK了

具体知识：

在写HTML文档时，规范格式为

<!DOCTYPE html>
<html>
<head>
 //标题 用来存放附加信息
</head>
<body>
 //用来存放代码
</body>
</html>

可在Head中添加：

设置浏览器工具栏的标题

<title>Title of the document</title>

引入外部资源（css）

<link rel="stylesheet" type="text/css" href="mystyle.css">

添加脚本外部文件

<script src = “myScript.js”></script>

防止乱码

<meta charset="utf-8">

样式知识摘录：

链接

指指向链接后，鼠标变成手形，但单击后仍停留在当前页面。

<a href="#">链接文字</a>

让链接在新窗口里打开

<a href="//www.w3cschool.cn/" target="_blank">访问W3CSchool教程!</a>

图片

<img src=“图片地址”alt=“失去的图片的信息”>

重点 DOM知识：

简介：DOM是HTML元素的组织格式，是以Document为根节点的树。

在网页上所有可见的元素都是树上的一个节点，在这个元素节点下，这个元素有两种子节点类型：一种是属性子节点如（如style）,另外一种是包含值主节点。

案例；

蔬果：
.苹果
.荔枝
.黄瓜

苹果节点是蔬果的第一个子节点，“苹果”字符串是”苹果节点“的包含值子节点。

P.S:熟悉这部分知识对之后的使用JQuery添加网页的动态效果十分有帮助。

关注