HTML 基础概览
HTML 是网页的结构标记语言,负责定义'页面有什么',而非编程语言。标准文档包含 <!DOCTYPE html>、<html>、<head> 和 <body>。核心在于双标签(闭合)与单标签(自闭合),属性则用于扩展功能。
常用标签速查
文本排版
标题从 <h1> 到 <h6>,自带加粗和间距。段落用 <p>,自动换行。强制换行用 <br />。强调语义化内容推荐 <strong> 和 <em>,仅样式需求才用 <b> 或 <i>。
容器与布局
<div> 是块级元素,独占一行,适合做布局容器;<span> 是行内元素,不独占一行,用于包裹行内内容。
链接与媒体
超链接 <a href="..." target="_blank"> 支持新窗口打开。图片 <img src="..." alt="..." /> 需配合替代文本提升可访问性。
列表
有序列表 <ol> 显示数字,无序列表 <ul> 显示圆点,内部均包裹 <li> 项。
实战:构建简易导航页
下面是一个完整的 HTML 示例,整合了基础结构与样式。注意 CSS 中 float: center 是无效写法,已修正为 text-align: center 以实现居中对齐。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简易导航页</title>
<style>
body {
background-image: url("../imag/纯色.jpeg");
: fixed;
: ;
}
{ : green; : center; }
{ : red; }
{ : inside; }
跳转页面
这是一个简易的网页链接跳转页面,创建该页面的目的是为了方便日常使用。
快速跳转中心
网址跳转
点击播放音乐
点击播放动画
点击播放新闻
点击查看抖音视频
点击开始玩切水果游戏
点击下载酷狗音乐
点击跳转到顶部


