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

接着点开记事本编写

最后,修改后缀名

就得到:

点开:

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

相关推荐
LawrenceLan3 分钟前
Flutter 零基础入门(二十一):Container、Padding、Margin 与装饰
开发语言·前端·flutter·dart
济61716 分钟前
linux 系统移植(第七期)----U-Boot 图形化配置--添加自定义菜单-- Ubuntu20.04
linux·运维·服务器
967719 分钟前
初始web server的认识1---webserver的用途和工作流程
前端
松涛和鸣20 分钟前
DAY56 ARM Cortex-A Bare Metal
linux·服务器·c语言·开发语言·arm开发·数据库
叫我:松哥30 分钟前
基于神经网络算法的多模态内容分析系统,采用Flask + Bootstrap + ECharts + LSTM-CNN + 注意力机制
前端·神经网络·算法·机器学习·flask·bootstrap·echarts
蒜香拿铁32 分钟前
【第五章】python判断语句if
java·服务器·python
vx_bisheyuange36 分钟前
基于SpringBoot的知识竞赛系统
大数据·前端·人工智能·spring boot·毕业设计
搂着猫睡的小鱼鱼39 分钟前
签名逆向与浏览器自动化 / 动态渲染抓取京东评论信息
前端·javascript·自动化
魔众44 分钟前
轻量级云文件系统simple-file-server,电脑秒变存储服务器
运维·服务器
追光的孩子1 小时前
window服务器添加samwaf防火墙遇到的问题和解决方案
运维·服务器