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

接着点开记事本编写

最后,修改后缀名

就得到:

点开:

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

相关推荐
arvin_xiaoting1 小时前
OpenClaw学习总结_I_核心架构_8:SessionPruning详解
前端·chrome·学习·系统架构·ai agent·openclaw·sessionpruning
!沧海@一粟!1 小时前
麒麟Zabbix Agent安装配置全攻略
linux·服务器·zabbix
工程师老罗2 小时前
Image(图像)的用法
java·前端·javascript
swipe3 小时前
把 JavaScript 原型讲透:从 `[[Prototype]]`、`prototype` 到 `constructor` 的完整心智模型
前端·javascript·面试
问道飞鱼4 小时前
【前端知识】React 组件生命周期:从底层原理到实践场景
前端·react.js·前端框架·生命周期
CHU7290354 小时前
定制专属美丽时刻:美容预约商城小程序的贴心设计
前端·小程序
浩~~4 小时前
反射型XSS注入
前端·xss
AwesomeDevin5 小时前
AI时代,我们的任务不应沉溺于与 AI 聊天,🤔 从“对话式编程”迈向“数字软件工厂”
前端·后端·架构
harrain5 小时前
antvG2折线图和区间range标记同时绘制
前端·javascript·vue.js·antv·g2
德育处主任Pro5 小时前
从重复搭建到高效生产,RollCode的H5开发新范式
前端