理解: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添加网页的动态效果十分有帮助。