HTML或超文本符号言语允许Web用户运用元素、标签和特点创立和构造部分、阶段和链接。可是,值得注意的是,HTML不被视为一种编程言语,因为它不能创立动态功用。
HTML有许多用例,即:
网页开发。开发人员运用HTML代码来规划浏览器怎么显示网页元素,例如文本、超链接和媒体文件。
互联网导航。因为HTML被许多用于嵌入超链接,因而用户能够轻松地在相关页面和网站之间导航和刺进链接。
网络文档。HTML使安排和格式化文档成为可能,类似于MicrosoftWord。
还值得注意的是,HTML现在被视为官方Web标准。万维网联盟(W3C)保护和开发HTML标准,同时供给定时更新。
本文将介绍HTML的基础常识,包含它的作业原理、优缺陷以及它与CSS和JavaScript的关系。
什么是HTML?
HTML(代表超文本符号言语)是构成大多数网页和在线应用程序的计算机言语。超文本是用于引用其他文本片段的文本,而符号言语是告诉Web服务器文档的款式和结构的一系列符号。
HTML是怎么作业的
html文件
平均网站包含几个不同的HTML页面。例如,主页、关于页面和联系页面都将具有独自的HTML文件。
HTML文档是以.html或.htm扩展名完毕的文件。Web浏览器读取HTML文件并出现其内容,以便互联网用户能够查看它。
html元素的三个部分
一切HTML页面都有一系列HTML元素,由一组标签和特点组成。HTML元素是网页的构建块。标签告诉Web浏览器元素在哪里开端和完毕,而特点描绘元素的特征。
元素的三个首要部分是:
开端标签-用于阐明元素开端生效的位置。标签用左尖括号和右尖括号包裹。例如,运用开端标签
创立一个阶段。
内容——这是其他用户看到的输出。
完毕标签-与开端标签相同,但在元素称号前有一个正斜杠。例如,
完毕一个阶段。
这三个部分的组合将创立一个HTML元素:
这是在HTML中增加阶段的方法。
HTML元素的另一个要害部分是它的特点,它有两个部分——称号和特点值。称号标识用户想要增加的附加信息,而特点值给出进一步的阐明。
例如,增加紫色和font-familyverdana的款式元素将如下所示:
<pstyle=”color:purple;font-family:verdana”>这是在HTML中增加阶段的方法。</p>
另一个特点,HTML类,关于开发和编程来说是最重要的。class特点增加了能够作用于具有相同类值的不同元素的款式信息。例如,咱们将对标题
和阶段
运用相同的款式。款式包含布景色彩、文本色彩、边框、边距和填充,在.important类下。要在

之间完成相同的款式,请在每个开端符号后增加class=”important”:
class=”important”>Thisisaheadingclass=”important”>Thisisaparagraph.
大多数元素都有一个开端标签和一个完毕标签,但有些元素不需求完毕标签即可作业,例如空元素。这些元素不运用完毕标签,因为它们没有内容:
<imgsrc=”/”alt=”图画”>
这个图画标签有两个特点——一个src特点,图画途径,和一个alt特点,描绘性文本。可是,它没有内容,也没有完毕标签。
最后,每个HTML文档都有必要以声明开头,以告知Web浏览器文档类型。运用HTML5,doctypeHTMLpublic声明将是:
<!DOCTYPEhtml>
最常用的HTML标签和HTML元素
现在,有142个HTML标签可用于创立各种元素。尽管现代浏览器不再支撑其间一些标签,但学习一切可用的不同元素仍然是有益的。
本节将谈论最常用的HTML标签和两个首要元素——块级元素和内联元素。
块级元素
块级元素占据页面的整个宽度。它总是在文档中开端一个新行。例如,标题元素将坐落与阶段元素不同的行中。
每个HTML页面都运用这三个标签:
标签是定义整个HTML文档的根元素。
标签保存页面标题和字符集等元信息。
标签包含了页面上出现的一切内容。
其他流行的块级标签包含:
标题标签-这些规模从

,其间标题h1的大小最大,当它们向上移动到h6时变得越来越小。
阶段标签——悉数运用
标签括起来。
列表标签——有不同的变体。
标签用于有序列表,
用于无序列表。然后,运用
符号将各个列表项括起来。
内联元素
内联元素格式化块级元素的内部内容,例如增加链接和强调的字符串。内联元素最常用于在不损坏内容流的情况下格式化文本。
例如,一个标签会以粗体出现一个元素,而标签会以斜体显示它。超链接也是运用符号和href特点来指示链接目标的内联元素:
点我!
HTML演变——HTML和HTML5有什么差异?
HTML的第一个版别由18个标签组成。从那时起,每个新版别都带有增加到符号中的新标签和特点。迄今为止,该言语最严重的晋级是2014年引入的HTML5。
HTML和HTML5的首要差异在于HTML5支撑新类型的表单控件。HTML5还引入了几个语义标签,能够清楚地描绘内容,例如、和。

html

HTML的长处和缺陷
就像任何其他计算机言语一样,HTML有其长处和局限性。以下是HTML的优缺陷:
长处:
初学者友爱:HTML具有干净且共同的符号,以及较浅的学习曲线。
支撑范畴广:该言语被广泛运用,具有许多资源和巨大的社区。
无障碍:它是开源的而且完全免费。HTML在一切Web浏览器中本机运转。
灵敏的:HTML很容易与PHP和Node.js等后端言语集成。
就像任何其他计算机言语一样,HTML有其长处和局限性。以下是HTML的优缺陷:
缺陷:
静止的该言语首要用于静态网页。关于动态功用,您可能需求运用JavaScript或PHP等后端言语。
独自的HTML页面用户有必要为HTML创立独自的网页,即使元素相同。
浏览器兼容性一些浏览器采用新特性的速度很慢。有时较旧的浏览器并不总是出现较新的标签。
HTML、CSS和Javascript是怎么相关的
HTML用于增加文本元素并创立内容结构。可是,仅仅树立一个专业的和完全响应的网站是不够的。因而,HTML需求借助层级款式表(CSS)和JavaScript来创立绝大多数网站内容。
CSS负责款式,例如布景、色彩、布局、距离和动画。
JavaScript增加了动态功用,例如滑块、弹出窗口和照片库。这三种言语是前端开发的基础。
结论
HTML是Internet上的首要符号言语。每个HTML页面都有一系列创立网页或应用程序内容结构的元素。
HTML是一种对初学者友爱的言语,有许多支撑,首要用于静态网站页面。HTML与用于款式的CSS和用于功用的JavaScript一同运用作用最好。
咱们还向您展现了一些在线教学课程,它们将有助于提高您的HTML常识或供给对HTML的根本理解。
如果您有任何其他喜爱的资源来学习HTML,请在谈论部分告诉咱们。

html网页制作步骤

一、HTML基础
(1)HTML:超文本编辑语言hypertextmarkuplanguage(编写网页)
文本:用来描绘数据,特别单调,只能输文字,不能变彩色,不能刺进图片。
超文本:丰富多彩的的展现文件
(2)万维网,因特网】
含义:建立在Internet上面的,全球的,交互的,多渠道的,分布式的信息资源网络
多渠道的:操作体系【windowlinux(Android)unix(iOS)】
交互的:阅读、发表【CSDN】
分布式的:有多台服务器为网络进行服务。
(3)万维网的组成
URL【UniformResourceLocator(一致资源定位符)网站】
HTTP【hypertexttransferprotocal超文本传输语言】
(4)W3C【HTML的标准制定者和维护者】
二、标签:【以尖括号开始,尖括号之间描绘信息,就叫标签】
列子:对错对
分类:开始标签结束标签
三、HTML文档结构
人=头(head)+身体(body>
头>
身体>
人>
四、记事本开发网页过程
(1)新建文件.txt
(2)更改后缀【.hmtl】或【.htm】——[选中文件,点击f2–快捷方式]
(3)后缀名效果:告知Windows体系,用什么样的程序打开文件。
(4)源代码:记事本打开履行成果:网页打开
五、HTML注意事项
(1)标签成对出现。
(2)标签具有嵌套型
(3)排版问题:子标签的父标签之间应该有8个空格:一个tab键
IT教育学院
计算机专业你好
欢迎来到九云IT教育学院
(4)html不区别大小写,最好全部用小写
(5)标签有特点
tips:注意事项
a:h1align中心要有空格
b:特点名:align特点列:center特点列要加””,之间要加=
(6)注释
(7)换行和空格不管用【怎么换行】
六、网页的根本标签
(1)头部标签:
(2)text设定文字色彩
[或者运用色彩代码]:运用#和十六进制数据组成
(3)【背景色彩】:bgcolor【背景图片】:
(4)文字标记:helloworld
(5)
hfbasbhgdshbfsh
p标签前后自动换行且有align三个特点【leftcenterright】
(6)标题
——-可以一直到6,而且自动换行
也有align特点【leftcenterright】
(7)空格:版权符号?
(8)文字润饰标记:加粗加斜体加下划线删去线
(9)支撑的图片:常用.jpg.gif.png
(10)怎么引进图片单个标签

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。