建议学习时长： 30分钟

学习方式：了解

学习目标

知道什么是 HTML。

了解HTML的基本结构。

知道什么是标签。

知道什么是属性。

知道 HTML 文件的后缀是什么。

知道如何在浏览器中运行 HTML 文件。

详细介绍

HTML 简史

HTML 是蒂姆·伯纳斯-李(物理学家)，在80年代后期设计了一种能在网上分享文档的方式。在这之前，网上沟通的方式仅限于纯文本传递，比如：电子邮件、FTP(文件传输协议)和Usenet讨论版。HTML是利用内容档案储存至中央服务器的方式，然后再将内容透过浏览器传递至本机工作站。它简化了内容存取的方式，也让更多丰富内容能够显示(诸如较复杂的文本格式与图片的显示)。

什么是HTML

HTML是超文本标记语言(HyperText Markup Language)的简写。它是用来描述网页内容的一种语言。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

HTML 是由一系列的标签(也叫元素)组成的。

什么是标签

HTML 为由一对尖括号(<>)所括起来的内容赋予了特定含义。这样的标识称为一个标签(tag)。如，下面是一个表示段落的标签：

这是一段文字

上面的例子中, p 是标签的名字，

是标签的开始，

是标签的结束，这是一段文字是标签的内容。

标签里可以嵌套标签，如

这是一段很重要的文字

标签的名字不是乱写的。是由 W3C 维护的，所有的标签见这里。

有些标签不能包含内容，称为空元素。如，文本输入框就是空标签

什么是属性

属性是标签的特性。属性包括属性名和属性值，写法是 name="value"，属性只能写在开始标签中。如

介绍

上面代码中， class，id是属性名，intro 和 a 是对应的属性值。

HTML 页面的基本结构

标题

My First Heading

My first paragraph.

其中

DOCTYPE定义了文档类型。表明这是一个HTML5文档。了解即可。

和之间的内容描述了网页。所有的网页标签必须写在中。

之间的内容描述了网页的标题。会在网页标签上显示

让浏览器用utf-8的编码格式来对文档内容进行编码

和之间的内容描述网页的可见部分

如何在浏览器中运行 HTML 文件

创建一个文件，后缀名是 html。在编辑器中打开文件，内容复制 HTML 页面的基本结构。双击文件，即可在浏览器运行。

更多学习资源

拓展阅读

练习题

写一个 HTML 页面，页面的标题是 Hello World。并在浏览器中运行。

什么是html阅读,HTML 介绍相关推荐

热门Epub阅读器介绍
在手机/电脑上看书难免会用到阅读器,有些电子书党可能会不知道如何选择合适的阅读器.Epub格式是当下比较流行的一种电子书格式.本文整理了目前市面上比较热门的几款epub阅读器,通过各方面对比,不同特征 ...
Ubuntu下好的PDF阅读器介绍
我们经常要学习,看论文,如果有好的PDF阅读器,可以做笔记,对以后查看和记忆是有帮助的这里推荐用:okular 这里是基本操作哦 1: 安装 sudo apt-get install okular ...
Dynamic Head: Unifying Object Detection Heads with Attentions论文阅读
Dynamic Head: Unifying Object Detection Heads with Attentions论文阅读摘要介绍相关工作方法 Dynamic Head 扩展到现存的检 ...
好用的chrome插件：鼠标手势、阅读视图、onetab
鼠标手势介绍:移到顶部.底部,关闭标签,刷新,添加书签,重新打开关闭的标签页等等,这些操作都可以设置成鼠标手势使用:按住鼠标右键,再下移,再右移,关闭标签效果: onetab 介绍:在阅读系列博 ...
【转】区块链是什么，如何简单易懂地介绍区块链？
作者:知乎用户链接:https://www.zhihu.com/question/37290469 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 友情提醒:比特币 ...
《如何阅读一本书》—[美]莫提默.J.艾德勒、查尔斯.范多伦
读书笔记豆瓣链接地址:https://www.douban.com/note/627596441 "学会一种新知识不如掌握一种获取知识的能力"--<如何阅读一本书>存在 ...
【Zotero高效知识管理】（4）Zotero的文献管理、阅读及笔记知识管理
[Zotero高效知识管理]专栏其他文章 Zotero文献管理软件的系统性教程,包括安装.全面的配置.基于众多插件的文献导入.管理.引用.笔记方法 [Zotero高效知识管理](1)Zotero介绍 ...
如何在面试中介绍自己的项目经验（面向java改进版）
本人于3年前写的博文,如何在面试中介绍自己的项目经验,经过大家的捧场,陆续得到了将近7万个点击量,也得到了众多网站公众号的转载,不过自己感觉,这篇文章更多的是偏重于方法,没有具体给到Java方面相关的 ...
基于android的电子书阅读器app
基于android的电子书阅读器app 基于Android平台的电子书阅读器的设计与实现主要通过Eclipse开发工具, Java语言与Sqlite数据库来完成的.本阅读器实现了本地阅读,手动翻页,书 ...
LoRaWAN介绍10 定位
LoRaWAN介绍10 定位下载最新的 LoRa 定位资料,请链接:锐米开源二:锐米LoRaGeo系统 http://www.rimelink.com/nd.jsp?id=89#_np=107_3 ...

什么是html阅读,HTML 介绍

My First Heading

什么是html阅读,HTML 介绍相关推荐

最新文章

热门文章