欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML学习第一天笔记整理

程序员文章站 2024-03-11 20:00:49
...

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> 文档的主体 包含文档内所有的内容、页面内容

 

HTML学习第一天笔记整理

4、标题标签<h1>—<h6>:作为标题使用,依据重要性递减,加了标题的文字会变粗变大,一个标题独占一行;

<h1>易烊千玺</h1>
<h2>易烊千玺</h2>
<h3>易烊千玺</h3>
<h4>易烊千玺</h4>
<h5>易烊千玺</h5>
<h6>易烊千玺</h6>

HTML学习第一天笔记整理

 

5、段落和换行标签:<p>定义段落,<p>一个段落</p> 段落之间有空隙

                                  <br />强制换行

    

  HTML学习第一天笔记整理               HTML学习第一天笔记整理

                        未添加段落和换行标签                                                                           添加段落和换行标签

HTML学习第一天笔记整理                HTML学习第一天笔记整理

                   未添加段落和换行标签显示页面                                                           添加段落和换行标签显示页面

 

 

 

 

 

 

 

 

                                                                                                  

 

 

 

相关标签: 前端 html html5