HTML学习第一天笔记整理

最新推荐文章于 2024-07-18 15:09:01 发布

Tinsely

最新推荐文章于 2024-07-18 15:09:01 发布

阅读量153

点赞数 1

分类专栏：前端文章标签： html html5 前端

本文链接：https://blog.csdn.net/kindywwt/article/details/107870601

版权

1 篇文章 0 订阅

订阅专栏

一、对于网页的认识

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、每个网页都会有一个基本的结构标签（也成为骨架标签），页面内容也是在这些基本标签上书写；

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

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

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

<br />强制换行

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

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

Tinsely

关注