0基础开发Web网页 - 1. 认识HTML
本帖最后由 suda_code 于 2024-3-16 15:14 编辑超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。前期准备
编辑器
在编辑器方面,可以选择适合你的编辑器,我比较推荐Visual Studio Code,但是你也可以试试别的
在Visual Studio Code编辑器中,建议安装Live Server插件来实时预览你的网页
浏览器
浏览器没什么好说的,毕竟你也不能用IE开发吧{:10_247:}
这边建议使用Chrome、Edge等主流浏览器,360也可以,但是在360浏览器中,请开启“极速模式”来开发你的网页,Edge不要开启IE兼容模式
HTML语言基础
下面是一个HTML网页的示例
<font face="微软雅黑" color="#000000"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>qwq</p>
</body>
</html></font>
这是一个很标准的HTML网页,在这个网页中,包含<!DOCTYPE html>,这段标记是在说明此文件为HTML而不是XML,<html>标签包含了整个HTML的内容,其中的<head>包含了各种网页的信息,包括<title>网页标题,<meta charset="UTF-8">定义文件的编码
刚刚介绍了<head>标签,现在我们来看一看<body>标签,这个标签中包含了在网页中显示的元素,比如<p>,它在网页中代表了一个段落,在其中插入文本就可以在浏览器中被显示为段落
基础标签
p - 段落
在段落中,包含着一段文本,它被视为段落,段落会自动换行(占满行)
h1 ~ h6 - 标题
h1是最大的标题,h2其次,依次类推
hr - 分割线
这个标签不像以前介绍的一样,需要</>,它是单个标签出现的,字面意思,它用于分割内容
br - 换行
这个标签像hr标签一样,也是单独出现的,它用于换行一段文本,可以插入于<p>等标签中
b - 加粗
这个标签的效果就像这样:我被<b>加粗辣
这个标签包含一段文本,可以加粗这段文本
i - 斜体
就像这样:我被<i>斜体辣
这个标签包含一段文本,可以斜体这段文本
更新中......
{:10_302:} {:10_277:}web…… 支持 {:10_257:} {:7_132:}
页:
[1]