HTML学习第一天笔记整理
HTML学习第一天笔记整理
一、对于网页的认识
1、网页是构成网站的基本元素,由图片、链接、文字、音频、视频等元素组成,是一个后缀名为.html 或.htm的html文件
2、HTML是指超文本标记语言,不是编程语言,是标记语言;
3、网页由网页元素构成,元素是利用html标签描述出来,然后通过浏览器解析来显示给用户。
二、Web标准
1、由W3C组织和其他标准化组织制定的一系列标准的集合,W3C(万维网联盟)是国际最著名的标准化组织;
2、优点:让web的发展前景更广阔;内容能被更广泛的设备引用;内容更容易被搜索引擎搜索;降低网站流量费用;使网站更容易维护;提高页面浏览速度;
3、web主要包括结构、表现和行为三个方面,三者相分离。
标准 | 说明 |
结构 | 对网页元素的整理和分类,写到html文件中 |
表现 | 设置网页元素的版式、颜色、大小等外观样式,写道css文件中 |
行为 |
网页模型的定义以及交互的编写,写到JavaScript文件中 |
三、HTML语法规范和基本结构标签
1、<html>和</html>,称为双标签,第一个是开始标签,第二个是结束标签;<br />,称为单标签,只有极少数情况才使用;
2、双标签关系分为包含关系(父子关系)和并列关系(兄弟关系);
包含关系(head>title)
<head>
<title></title>
</head>
并列关系(head=body)
<head></head>
<body></body>
3、每个网页都会有一个基本的结构标签(也成为骨架标签),页面内容也是在这些基本标签上书写;
标签名 | 定义 | 说明 |
<html></html> | html标签 | 页面中最大的标签,根标签,整个页面 |
<head></head> | 文档的头部 | 为title标签的设置提供地方 |
<title></title> | 文档的标题 | 让页面有自己的标题 |
<body></body> | 文档的主体 | 包含文档内所有的内容、页面内容 |
4、标题标签<h1>—<h6>:作为标题使用,依据重要性递减,加了标题的文字会变粗变大,一个标题独占一行;
<h1>易烊千玺</h1>
<h2>易烊千玺</h2>
<h3>易烊千玺</h3>
<h4>易烊千玺</h4>
<h5>易烊千玺</h5>
<h6>易烊千玺</h6>
5、段落和换行标签:<p>定义段落,<p>一个段落</p> 段落之间有空隙
<br />强制换行
未添加段落和换行标签 添加段落和换行标签
未添加段落和换行标签显示页面 添加段落和换行标签显示页面
推荐阅读
-
HTML学习第一天笔记整理
-
Java中jqGrid 学习笔记整理——进阶篇(二)
-
Android学习笔记整理(7)--Activity的生命周期和Log窗口查看生命周期流程
-
Java中jqGrid 学习笔记整理——进阶篇(二)
-
Java的面向对象编程基本概念学习笔记整理
-
Java学习-关于枚举、注解的笔记整理
-
Java的面向对象编程基本概念学习笔记整理
-
【前端学习笔记day09】2.5. html图像标签、绝对路径和相对路径
-
韩顺平_php从入门到精通_视频教程_第22讲_可爱屋主页面(浏览器兼容)评讲_学习笔记_源代码图解_PPT文档整理
-
Html学习笔记(二)_html/css_WEB-ITnose