suda_code 发表于 2024-3-16 15:14:01

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>斜体辣
这个标签包含一段文本,可以斜体这段文本


更新中......

陈勃 发表于 2024-3-19 11:31:44

{:10_302:}

三体人的智子 发表于 2024-3-23 15:53:27

{:10_277:}web……

MUV 发表于 2024-4-5 18:11:48

支持

Wei-Yuanzhe 发表于 2024-4-5 20:54:52

{:10_257:}

很cool的阳 发表于 2024-8-18 16:51:35

{:7_132:}
页: [1]
查看完整版本: 0基础开发Web网页 - 1. 认识HTML