【HTML】HTML基础1(第一个网站!)

目录

软件使用

HTML的基本结构

案例示范

用记事本编写网页


软件使用

注释:<!-- -->中的内容是注释内容,自己写代码的时候可以没有!

HTML的基本结构

html 复制代码
<!DOCTYPE html>
<!-- 文档声明,位于文档最前面位置 -->
<html>
	<head>
		<meta charset="utf-8">
		<!-- <meta>定义文档元数据,用来描述当前文档的特性,比如文档字符集charset="utf-8" -->
		<title></title>
		<!-- 网页标题 -->
	</head>
	<body>
		<!-- 网页内容 -->
	<body>
</html>

案例示范

代码:

html 复制代码
<!DOCTYPE html>
<!-- 文档声明,位于文档最前面位置 -->
<html>
	<head>
		<meta charset="utf-8">
		<!-- <meta>定义文档元数据,用来描述当前文档的特性,比如文档字符集charset="utf-8" -->
		<title>88</title>
		<!-- 网页标题 -->
	</head>
	<body>
		666
		<!-- 网页内容 -->
	<body>
</html>

用记事本编写网页

如果是使用的Windows系统

首先要让后缀名显示出来,操作如下

点击快捷键 win+e,然后:

接着点开记事本编写

最后,修改后缀名

就得到:

点开:

今天的分享到这里就结束啦~希望对您有所帮助!!

相关推荐
papaofdoudou几秒前
AMD-V 嵌套分页白皮书翻译
java·linux·服务器
落魄江湖行1 分钟前
进阶篇二 Nuxt4 渲染模式:SSR/SSG/CSR 怎么选
前端·vue.js·typescript·nuxt4
M宝可梦5 分钟前
ReAct 与 LLM Agentic 范式:从推理到行动的完整技术科普
前端·react.js·前端框架
x-cmd7 分钟前
[260416] 谷歌 Chrome 推出 Skills 功能!帮你保存、复用提示词
前端·chrome·ai·自动化·agent·x-cmd·skill
李日灐8 分钟前
<1>Linux基础指令:Linux 高频指令详解 + 文件与目录认知
linux·运维·服务器·开发语言·后端·命令
色空大师8 分钟前
【Linux-安装nginx】
linux·运维·前端·nginx·部署
艾莉丝努力练剑9 分钟前
【Linux线程】Linux系统多线程(七):<线程同步与互斥>线程同步(下)
java·linux·运维·服务器·c++·学习·操作系统
zzzyyy5389 分钟前
Linux进程控制(1)
linux·运维·服务器
董董灿是个攻城狮12 分钟前
封了几百万个账号的 Claude, 路走窄了
前端
heytoo28 分钟前
同一个模型,为什么结果差10倍?差的不是模型
前端·agent