网站是提供特定服务的一组网页集合。
网页:网站中的一“页”,可以用浏览器查看;通常由文字、图片、链接、音频、视频等元素组成;网页又称为 HTML 文件,常以 .html 或 .htm 为扩展名。
HTML:超文本标记语言(Hyper Text Markup Language);不是编程语言,而是标记语言(markup language)—— 不同的标记(标签 Tag)表示不同的含义;
超文本
超级内容:除了文本还可以包含:图片、链接、音频、视频等;
超级链接:页面间的跳转,让网站内部联系起来,让各个网站联系起来。
网页的形成:
前端工程师用开发工具写代码 —— 标签及内容;
浏览器解释和渲染代码:
解释:读取 HTML 并分析 HTML 结构和内容;
渲染:生成最后的页面并显示结果;
用户在浏览器中浏览页面的展示结果。
渲染:在前端领域,通常把浏览器根据网页结构绘制最终结果的过程叫做渲染。
初学者先知道这个概念,并知道是由浏览器完成的就行;
后续要学习一些相关原理,了解怎样编写代码能够让浏览器的渲染更快 —— 性能优化。
常用五大浏览器:
谷歌浏览器 Chrome
火狐浏览器 Firefox
Safari(苹果电脑) / iPhone / iPAD
IE / Edge(微软)
欧朋浏览器 Opera
前端工程师开发必备的浏览器是谷歌浏览器。
Web标准的构成有结构,表现,行为。
双标签是成对出现的,有开始标签和结束标签;
单标签不需要结束标签。
标签的关系有
包含关系:父子;
并列关系:兄弟。
4 个基本标签是:
html 根标签,是页面中最大的标签
head 设置页面信息,例如网页标题 title 以及其他告诉浏览器或爬虫的信息
title 网页标题,显示在浏览器标签上
body 网页文档内容,供用户浏览
lang 用来定义当前文档显示的语言;en 英语;zh-CN 中文。

本文介绍了HTML的基本概念,包括超文本标记语言的特性,网页的组成元素,浏览器的解释和渲染过程,以及常用的HTML标签和语义。内容涵盖HTML的结构、表现和行为,强调了标签的语义重要性,提到了基本的标题和段落标签,同时提醒初学者关注浏览器渲染性能优化和常见字符集的使用。
最低0.47元/天 解锁文章
6万+

被折叠的 条评论
为什么被折叠?



