时间:2023-09-07 03:00:01 | 来源:网站运营
时间:2023-09-07 03:00:01 来源:网站运营
web前端HTML入门全教程:HTML 或超文本标记语言 允许 Web 用户使用元素、标签和属性创建和构造部分、段落和链接。然而,值得注意的是,HTML 不被视为一种编程语言,因为它不能创建动态功能。HTML有很多用例,即:
HTML 代码
来设计浏览器如何显示网页元素,例如文本、超链接和媒体文件。 万维网联盟 (W3C)
维护和开发 HTML 规范,同时提供定期更新。 CSS
和JavaScript
的关系。 HTML(代表超文本标记语言)是构成大多数网页和在线应用程序的计算机语言。超文本是用于引用其他文本片段的文本,而标记语言是告诉 Web 服务器文档的样式和结构的一系列标记。
HTML 页面
。例如,主页、关于页面和联系页面都将具有单独的 HTML 文件。</p>
结束一个段落。 HTML 元素
:<p>这是在HTML中添加段落的方法。</p>
HTML 元素的另一个关键部分是它的属性,它有两个部分——名称和属性值。名称标识用户想要添加的附加信息,而属性值给出进一步的说明。 font-family verdana
的样式元素将如下所示:< p style= "color:purple;font-family:verdana" >这是在HTML中添加段落的方法。< /p >
另一个属性,HTML 类,对于开发和编程来说是最重要的。class 属性添加了可以作用于具有相同类值的不同元素的样式信息。 例如,我们将对标题 <h1>
和段落<p>
使用相同的样式。样式包括背景颜色、文本颜色、边框、边距和填充,在 .important 类下。要在<h1>
和 <p>
之间实现相同的样式,请在每个开始标记后添加 class=”important”:
<html><head><style>.important { background-color: blue; color: white; border: 2px solid black; margin: 2px; padding: 2px;}</style></head><body><h1 class="important">This is a heading</h1><p class="important">This is a paragraph.</p></body></html>
大多数元素都有一个开始标签和一个结束标签,但有些元素不需要结束标签即可工作,例如空元素。这些元素不使用结束标签,因为它们没有内容:< img src= "/" alt= "图像" >
这个图像标签有两个属性——一个src属性,图像路径,和一个alt属性,描述性文本。但是,它没有内容,也没有结束标签。**HTML5,doctype HTML public**
声明将是:< !DOCTYPE html >
HTML 标签
可用于创建各种元素。尽管现代浏览器不再支持其中一些标签,但学习所有可用的不同元素仍然是有益的。 HTML 标签
和两个主要元素——块级元素和内联元素。 <html>
标签是定义整个 HTML 文档的根元素。<head>
标签保存页面标题和字符集等元信息。<body>
标签包含了页面上出现的所有内容。<html> <head> <!-- META INFORMATION --> </head> <body> <!-- PAGE CONTENT --> </body></html>
其他流行的块级标签包括:<h1>
到 <h6>
,其中标题 h1 的大小最大,当它们向上移动到 h6 时变得越来越小。 <p>
标签括起来。<ol>
标签用于有序列表,<ul>
用于无序列表。然后,使用<li>
标记将各个列表项括起来。 <strong>
标签会以粗体呈现一个元素,而<em>
标签会以斜体显示它。超链接也是使用<a>
标记和 href 属性来指示链接目标的内联元素:<a href="https://www.icodingdeu.com/" >点我!</a>
HTML 的第一个版本由 18 个标签组成。从那时起,每个新版本都带有添加到标记中的新标签和属性。迄今为止,该语言最重大的升级是 2014 年引入的 HTML5。
HTML 和 HTML5的主要区别在于HTML5 支持新类型的表单控件。HTML5 还引入了几个语义标签,可以清楚地描述内容,例如<article>
、<header>
和<footer>
。
优点:
HTML
具有干净且一致的标记,以及较浅的学习曲线。Web 浏览器
中本机运行。HTML
很容易与PHP
和 Node.js
等后端语言集成。缺点:
JavaScript
或 PHP
等后端语言。CSS
)和JavaScript
来创建绝大多数网站内容。 CSS
负责样式,例如背景、颜色、布局、间距和动画。JavaScript
添加了动态功能,例如滑块、弹出窗口和照片库。这三种语言是前端开发的基础。HTML 是 Internet 上的主要标记语言。每个 HTML 页面都有一系列创建网页或应用程序内容结构的元素。HTML 是一种对初学者友好的语言,有很多支持,主要用于静态网站页面。HTML 与用于样式的 CSS 和用于功能的 JavaScript 一起使用效果最好。
关键词:教程,入门