|
「学习笔记」HTML基本
前言
勤做笔记不仅能够让自己学的扎实，更要紧的是能够让自己少走弯路。有人说:"再次翻开笔记是什么感觉"，我的回答是:"初恋般的感觉"。或许笔记不必定十全十美，但肯定会让你有种初恋般的怦然心动。 本章着重复习Html的基本内容，学习Html到底要学些什么呢？重点是学习各样标签，来搭建网页的“结构”。✨✨ 本篇文案重点由五个章节形成，从WEB标准到初识HTML，接着学习HTML常用标签，最后学习表格列表和表单。 起始充电之旅啦~~~
1、认识WEB
「网页」重点是由于文字、图像和超链接等元素形成，当然除了这些元素，网页中还能够包含音频、视频以及Flash等。
「浏览器」是网页表示、运行的平台。
「浏览器内核」(排版引擎、解释引擎、渲染引擎) 负责读取网页内容，整理讯息，计算网页的表示方式并表示页面。浏览器内核备注Web标准
「形成」 结构标准，表现标准和行径标准 结构标准用于对网页元素进行整理和归类(HTML)表现标准用于设置网页元素的版式、颜色、体积等外观属性(CSS)行径标准用于对网页模型的定义及交互的编写(JavaScript)「Web标准的优点」 易于守护：只需更改CSS文件，就能够改变整站的样式页面响应快：HTML文档体积变小，响应时间短可拜访性：语义化的HTML（结构和表现相分离的HTML）编写的网页文件，更易被屏幕阅读器识别设备兼容性：区别的样式表能够让网页在区别的设备上呈现区别的样式搜索引擎：语义化的HTML能更易被搜索引擎解析，提高排名2、HTML初识
HTML初识
「HTML」(Hyper Text Markup Language):超文本标记语言
「所说超文本，有2层含义：」 由于它能够加入照片、声音、动画、多媒介等内容（超越文本限制 ）不仅如此，它还能够从一个文件转到另一个文件，与世界各地主机的文件连接（超级链接文本）。「HTML骨架格式」
<!-- 页面中最大的标签 根标签 -->
<html>
<!-- 头部标签 -->
<head>
<!-- 标题标签 -->
<title></title>
</head>
<!-- 文档的主体 -->
<body>
</body>
</html>
「团队约定体积写」 HTML标签名、类名、标签属性和大部分属性值统一用小写「HTML元素标签归类」 常规元素(双标签)空元素(单标签) 常规元素(双标签)
<标签名> 内容 </标签名> 例如<body>我是文字</body>
空元素(单标签)
<标签名 /> 例如 <br />或<br>
「HTML标签关系」 嵌套关系父子级包括关系并列关系兄弟级并列关系倘若两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位（一个tab是4个空格）。倘若是并列关系，最好上下对齐。文档类型<!DOCTYPE >
「文档类型」用来讲明你用的XHTML或HTML是什么版本。<!DOCTYPE html>告诉浏览器根据HTML5标准解析页面。
页面语言lang
lang指定该html标签内容所用的语言
<html lang="en">
en 定义语言为英语 zh-CN定义语言为中文
「lang的功效」 按照按照lang属性来设定区别语言的css样式，或字体告诉搜索引擎做精确的识别让语法检测程序做语言识别帮忙翻译工具做识别帮忙网页阅读程序做识别字符集
「字符集」(Character set)是多个字符的集合,计算机要准确的处理各样字符集文字，必须进行字符编码，以便计算机能够识别和存储各样文字。 UTF-8是日前最常用的字符集编码方式让 html 文件是以 UTF-8 编码保留的， 浏览器按照编码去解码对应的html内容。<meta charset="UTF-8" />
「meta viewport的用法」一般viewport指的是视窗、
| 
发表于 2024-6-30 02:31:11