【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,然后:

接着点开记事本编写

最后,修改后缀名

就得到:

点开:

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

相关推荐
ZC跨境爬虫36 分钟前
跟着 MDN 学JavaScript day_5:技能测试——变量实战
java·开发语言·前端·javascript
AIMath~36 分钟前
hermes agent安装在Linux centos中
linux·运维·服务器
cjp56037 分钟前
001.Web Api_服务器,新建api
运维·服务器
pan_junbiao1 小时前
Whistle 抓包工具的安装与使用
前端·测试工具·压力测试·抓包
ai_xiaogui1 小时前
PanelAI应用市场跑通!一键部署容器 + 服务器迁移宝塔面板安装全记录
服务器·宝塔面板安装教程2026·服务器重装系统迁移·panelai应用市场·轻量服务器优化swap·ai项目一键部署·panelai部署容器
Cory.眼1 小时前
前端调用后端接口全流程实战
前端·调用接口
牛栓柱1 小时前
【后端实战】用 Supabase + React/TS 零成本构建高并发 Multi-Agent 服务
前端·数据库·人工智能·后端·react.js·前端框架
木斯佳1 小时前
前端八股文面经大全:百度-Agent部门-前端一面(2026-06-04)·面经深度解析
前端
shmily麻瓜小菜鸡1 小时前
Bootstrap 4 常用工具类速查表
前端·javascript·bootstrap
CDN3601 小时前
【架构进阶】告别配置漂移!用 NodeNext + Workspace 打造优雅的 TypeScript Monorepo
前端·javascript·typescript