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

接着点开记事本编写

最后,修改后缀名

就得到:

点开:

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

相关推荐
前端 贾公子5 分钟前
unplugin-icons == elementPlus自动引入icon
前端·javascript·vue.js
YFLICKERH6 分钟前
【Python-Web后端开发框架】Flask | Django | FastAPI | Tornado 选型与 使用 | 特性
前端·python·flask
光影少年15 分钟前
说说模块化规范?CommonJS和ES Module的区别?
前端·javascript·elasticsearch
智能工业品检测-奇妙智能15 分钟前
开源知识库平台有哪些
服务器·人工智能·spring boot·开源·openclaw·奇妙智能
深念Y33 分钟前
旧物新生:用魅蓝Note5 root后搭建家用Linux服务器(部署宝塔/AList/QB)
linux·运维·服务器·手机·diy·魔改·魅族
telllong41 分钟前
C++20 Modules:从入门到真香
java·前端·c++20
wanhengidc41 分钟前
云手机会导致本地数据被读取吗
运维·服务器·数据库·游戏·智能手机
野犬寒鸦1 小时前
从零起步学习计算机操作系统:内存管理篇
服务器·后端·学习·缓存·面试
开开心心就好1 小时前
轻量级PDF阅读器,仅几M大小打开秒开
linux·运维·服务器·安全·pdf·1024程序员节·oneflow