初学入门,可能有些地方会理解有误,恳请批评指正~
hyperText markup language 超文本标记语言
1. html——文本(结构)
css——图片背景底色装修(样式)
js——动态(行为)
2. 每一个html页面中都包含且只包含一对<html></html>标签(根标签),所有的内容都被包含在这对标签中。
3. 根标签中必须包含两对结构化标签:<head></head>标签和<body></body>标签
(1) <head></head>标签的内容是编辑给浏览器的,是人看不到的。感觉可以理解成给浏览器的指令
(2) <body></body>标签是展现给用户看的,人能够看得到的。
4. 为了防止中文乱码,需要在<head></head>标签中设置编码字符集:<meta>并且给她设置属性为<meta charset="utf-8">
(1)<meta>是单标签;
(2)属性只能设置在头标签中,形式:属性名=“属性值”;
(3)编码字符集:gb2312(识别亚裔字符集,但只能识别简体中文)
gbk(gb2312扩展集,包含繁体中文)
unicode(万国码)——常用
utf-8(unicode的升级)——常用
5. <title></title>标签,位于<head></head>标签内,显示网页的名字(最左上方)
6. <html lang="en">中,属性lang是告诉搜索引擎爬虫,我们的网站是关于什么内容的,例如en(英文)zh(中文)de(德语)
7. SEO:搜索引擎优化
8. <p></p>段标签,使内容成段表现。在<body></body>标签中。
9. <h1></h1>标签:标题标签,一号标题 ,且成段展示(单独一行),可以任意放大和缩小字体,加粗字体。在<body></body>标签中。
<h2></h2>标签:二号标题
<h3></h3>标签:三号标题
<h4></h4>标签:四号标题
<h5></h5>标签:五号标题
<h6></h6>标签:六号标题,只有六种标题格式
10. <strong></strong>标签:加粗字体。在<body></body>标签中。
11. <em></em>标签:使字体变成斜体。
12. <del></del>标签:字体上有中划线。(一般不用,因为涉及到css样式,不好更改不好调试,违背“行为样式结构分离的原则”)
13. <address></address>标签:斜体且独占一行(一般不用,可用<p></p>标签和<em></em>标签代替)
14. <div></div>标签:充当容器,用来给页面分块,结构化;可以绑定操作
<span></span>标签:和<div></div>标签功能基本相同,但是不分段展示。
15. 标签之间可以嵌套。
2018-10-16(渡一教育“web前端开发HTML+CSS精英班”笔记)
心情愉快,充满干劲儿~
网友评论