前端HTML学习笔记（全）

VIP文章云鹿师兄

已于 2022-04-12 14:37:27 修改

阅读量1.1k

点赞数 3

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

于 2022-03-11 20:48:07 首次发布

本文链接：https://blog.csdn.net/zzzhhhy/article/details/123423655

版权

3. HTML5 新增的 input 类型

4. HTML5 新增的表单属性

一、 HTML简介

**【网页】：网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。

**【HTML】：超文本标记语言, 用来制作网页的一门语言，由标签组成的.，比如图片标签链接标签视频标签等…

所谓超文本，有 2 层含义：
1. 它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）。
2. 它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。

【网页的形成】

网页是由网页元素组成的，这些元素是利用 html 标签描述出来，然后通过浏览器解析来显示给用户的。

前端人员开发代码 ----> 浏览器显示代码（解析、渲染） -----> 生成最后的 Web 页面

【浏览器内核】(排版引擎、解释引擎、渲染引擎)

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360极速浏览器、百度浏览器
firefox	Gecko	火狐浏览器内核
Safari	webkit	苹果浏览器内核
chrome/Opera	blink	chrome/Opera 浏览器内核，blink其实是webkit的分支

Web标准

「构成」结构标准，表现标准和行为标准

结构标准用于对网页元素进行整理和分类(HTML)
表现标准用于设置网页元素的版式、颜色、大小等外观属性(CSS)
行为标准用于对网页模型的定义及交互的编写(JavaScript)

Web 标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：结构写到 HTML 文件中，表现写到 CSS 文件中，行为写到 JavaScript 文件中。

二、初识HTML

1.标签关系

双标签关系可以分为两类：包含关系和并列关系。

 <!-- 包含关系 -->
<head>
<title> </title>
</head>

<!-- 并列关系 -->
<head> </head>
<body> </body>

2. HTML 基本结构标签

每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。

<!-- html 页面中最大的标签，根标签 -->
<html>
   <!-- head 文档的头部 -->
   <head>
      <!-- title网页的标题 -->
	<title> 网页标题</title>
    </head>
    <!-- body文档的主体，我们页面中的内容各种标签都是放到body里的 -->
    <body>
       主体内容
    </body>
</html>

3.文档类型< !DOCTYPE >

<!DOCTYPE> 文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。

<!DOCTYPE html>

这句代码的意思是: 当前页面采取的是 HTML5 版本来显

最低0.47元/天解锁文章

云鹿师兄

关注

3
点赞
踩
12

收藏

觉得还不错? 一键收藏
打赏
0
评论
前端HTML学习笔记（全）

一、网页**【网页】：网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。**【HTML】：超文本标记语言, 用来制作网页的一门语言，由标签组成的.，比如图片标签链接标签视频标签等…所谓超文本，有 2 层含义：1. 它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）。2. 它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。
复制链接

扫一扫