鱼C论坛

 找回密码
 立即注册
查看: 168|回复: 4

[学习笔记] 0基础开发Web网页 - 1. 认识HTML

[复制链接]
回帖奖励 12 鱼币 回复本帖可获得 2 鱼币奖励! 每人限 1 次
发表于 2024-3-16 15:14:01 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 suda_code 于 2024-3-16 15:14 编辑
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
前期准备
编辑器
在编辑器方面,可以选择适合你的编辑器,我比较推荐Visual Studio Code,但是你也可以试试别的
在Visual Studio Code编辑器中,建议安装Live Server插件来实时预览你的网页
浏览器
浏览器没什么好说的,毕竟你也不能用IE开发吧
这边建议使用Chrome、Edge等主流浏览器,360也可以,但是在360浏览器中,请开启“极速模式”来开发你的网页,Edge不要开启IE兼容模式
HTML语言基础
下面是一个HTML网页的示例
  1. <font face="微软雅黑" color="#000000"><!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  8.     <p>qwq</p>
  9. </body>
  10. </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>斜体辣
这个标签包含一段文本,可以斜体这段文本


更新中......

评分

参与人数 1荣誉 +5 收起 理由
hamletroy + 5

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2024-3-19 11:31:44 | 显示全部楼层

回帖奖励 +2 鱼币

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2024-3-23 15:53:27 | 显示全部楼层

回帖奖励 +2 鱼币

web……
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2024-4-5 18:11:48 From FishC Mobile | 显示全部楼层

回帖奖励 +2 鱼币

支持
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2024-4-5 20:54:52 | 显示全部楼层

回帖奖励 +2 鱼币

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-28 03:08

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表