引言HTML换行标签 br/ 是用来在网页里换行的。文本涉及最常用、最实用、最容易记的 HTML 标签清单日常写网页、前端、小程序、简历网页都高频用到接下来一块了解HTML特殊标签理解F12才能运用F12。html结构类标签- html 整个网页的根- head 放标题、样式、脚本不显示在页面- body 页面所有可见内容都在这里- div 最常用的块级容器分组、布局- span 行内小容器改文字颜色、大小html标题与文字- h1 ~ h6 标题h1最大h6最小- p 段落- br 换行你刚才发的- hr 分割线- strong 加粗- em 斜体- a href网址 超链接- img src图片地址 图片html列表- ul li 无序列表圆点- ol li 有序列表数字html表格- table 表格- tr 行- td 单元格- th 表头html表单- input 输入框文本、密码、单选、多选- button 按钮- form 表单整体- select option 下拉选择框- textarea 多行文本框html语义化- header 头部- footer 底部- nav 导航- main 主要内容- section 章节html样式与脚本- style 写CSS样式- script 写JS代码- link 引入外部CSShtml注释- !-- 注释内容 --HTML实例研究!DOCTYPE html - 含义告诉浏览器这是一个 HTML5 标准的网页文件。 - 作用浏览器看到它就知道用最新的方式解析页面。 html langzh-CN head - html 整个网页的根标签所有内容都包在里面。 - langzh-CN 告诉浏览器/搜索引擎网页语言是中文简体。 meta charsetUTF-8 - meta 元信息标签配置信息。 - charsetUTF-8 字符编码用 UTF‑8保证中文不乱码。 meta nameviewport contentwidthdevice-width, initial-scale1.0 - 作用让网页在手机上自适应不被缩放。 - 手机打开网页不会被放大缩小保持正常大小。 title简易 HTML 页面/title - title 网页标题。 - 显示在浏览器标签栏上就是你看到的那个小文字。 style /* 简单样式让页面好看一点 */ - style 写 CSS 样式的地方。 - 用来控制颜色、大小、布局、字体等外观。 body { font-family: Microsoft YaHei, sans-serif; background: #f5f5f5; margin: 0; padding: 20px; } - body 整个网页的身体区域。 - font-family 字体用微软雅黑。 - background 背景色浅灰色。 - margin:0 去掉默认边距。 - padding:20px 内容离边框留20像素空隙。 .container { max-width: 800px; margin: 0 auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } - .container 自定义的一个容器盒子。 - max-width:800px 最大宽度800像素。 - margin:0 auto 居中显示。 - background:white 白色背景。 - border-radius:8px 圆角。 - box-shadow 轻微阴影让页面更好看。 h1 { color: #333; } p { color: #666; line-height: 1.6; } - h1 标题颜色深灰色。 - p 段落颜色浅灰色行高1.6更易读。 /style /head - 结束样式、结束头部。 body - body 网页可见内容区域。 - 所有你能看到的文字、图片、按钮都在这里。 div classcontainer - div 一个盒子/容器。 - classcontainer 使用上面写的 .container 样式。 h1这是一个简易 HTML 页面/h1 - h1 一级标题最大的标题。 p这是一个简单的段落用于展示基本结构。/p - p 段落标签放文字内容。 p你可以直接修改文字、颜色、布局非常适合学习和测试。/p /div /body /html如果这篇文章对你有帮助别忘了点个关注我会持续分享更多开发避坑与实战干货下次更新你就能第一时间看到啦