html教程(html网页制作步骤)

html教程

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在一切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)怎么引进图片单个标签