01 # HTML 语言简介

简介: 01 # HTML 语言简介

说明

网道HTML 教程学习笔记



1、概述

HTML 的全名是“超文本标记语言”(HyperText Markup Language)

HTML 是网页使用的语言,定义了网页的结构和内容。




2、网页的基本概念


2.1、标签

网页的 HTML 代码由许许多多不同的标签(tag)构成。

HTML 标签名是大小写不敏感,一般习惯都是使用小写。


2.2、元素

浏览器渲染网页时,会把 HTML 源码解析成一个标签树,每个标签都是树的一个节点(node)。这种节点就称为网页元素(element)。


2.3、块级元素,行内元素

块级元素默认占据一个独立的区域,在网页上会自动另起一行,占据 100% 的宽度。

行内元素默认与其他元素在同一行,不产生换行。


2.4、属性

属性(attribute)是标签的额外信息,使用空格与标签名和其他属性分隔。

属性名是大小写不敏感的





3、网页的基本标签


3.1、<!doctype>

网页的第一个标签通常是<!doctype>,表示文档类型,告诉浏览器如何解析网页。

有时,该标签采用完全大写的形式,以便区别于正常的 HTML 标签。因为<!doctype>本质上不是标签,更像一个处理指令。


3.2、<html>

标签是网页的顶层容器,即标签树结构的顶层节点,也称为根元素(root element),其他元素都是它的子元素。


一个网页只能有一个标签。


该标签的lang属性,表示网页内容默认的语言。


3.3、<head>

标签是一个容器标签,用于放置网页的元信息。

它的内容不会出现在网页上,而是为网页渲染提供额外信息。


如果网页不包含,浏览器会自动创建一个。


的子元素


   <meta>:设置网页的元数据。

   <link>:连接外部样式表。

   <title>:设置网页标题。

   <style>:放置内嵌的样式表。

   <script>:引入脚本。

   <noscript>:浏览器不支持脚本时,所要显示的内容。

   <base>:设置网页内部相对 URL 的计算基准。



3.4、<meta>


标签用于设置或说明网页的元数据,必须放在里面。

一个标签就是一项元数据,网页可以有多个。标签约定放在内容的最前面。

一般都可以放置以下两个标签。


   第一个标签表示网页采用 UTF-8 格式编码

   第二个标签表示网页在手机端可以自动缩放。


charset 属性: 用来指定网页的编码方式。


name属性表示元数据的名字,content属性表示元数据的值。它们合在一起使用,就可以为网页指定一项元数据。


http-equiv 属性,content 属性: http-equiv属性用来覆盖 HTTP 回应的头信息字段,content属性是对应的字段内容。



3.5、<title>

用于指定网页的标题,会显示在浏览器窗口的标题栏。


3.6、<body>

标签是一个容器标签,用于放置网页的主体内容。

浏览器显示的页面内容,都放置在它的内部。



4、空格和换行


HTML 语言有自己的空格处理规则。标签内容的头部和尾部的空格,一律忽略不计。


标签内容里面的多个连续空格(包含制表符\t),会被浏览器合并成一个。


浏览器还会将文本里面的换行符(\n)和回车符(\r),替换成空格。




5、注释


HTML 代码可以包含注释,浏览器会自动忽略注释。注释以  结尾

注释可以是多行的,并且内部的 HTML 都不再生效了。





目录
相关文章
|
安全 Go
Golang深入浅出之-Go语言模板(text/template):动态生成HTML
【4月更文挑战第24天】Go语言标准库中的`text/template`包用于动态生成HTML和文本,但不熟悉其用法可能导致错误。本文探讨了三个常见问题:1) 忽视模板执行错误,应确保正确处理错误;2) 忽视模板安全,应使用`html/template`包防止XSS攻击;3) 模板结构不合理,应合理组织模板以提高可维护性。理解并运用这些最佳实践,能提升Go语言模板编程的效率和安全性,助力构建稳健的Web应用。
293 0
|
前端开发 JavaScript
html语语言
html语语言
121 3
|
前端开发 JavaScript 开发工具
HTML简介
HTML简介
135 3
HTML简介
|
前端开发
超文本标记语言(HTML)简介
超文本标记语言(HTML)简介
342 3
|
开发者
HTML 实体字符简介
HTML 实体字符简介
213 2
|
XML 前端开发 JavaScript
前端简介(HTML+CSS+JS)
前端简介(HTML+CSS+JS)
375 1
|
Web App开发 移动开发 前端开发
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
203 1
|
移动开发 前端开发 HTML5
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器一
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 一
199 1
|
移动开发 Unix 定位技术
HTML 简介
HTML 简介
247 2
|
移动开发 HTML5
HTML 简介
HTML 简介。
95 3