1. HTML基础入门从零开始构建网页结构HTMLHyperText Markup Language是构建网页的基础语言它定义了网页内容的结构和含义。就像建筑需要钢筋水泥作为骨架一样HTML为网页提供了基本的框架。每个网页都是由各种HTML元素组成的这些元素通过标签tag来标识。HTML文档的基本结构包含以下几个关键部分!DOCTYPE html声明文档类型html根元素包裹整个页面内容head包含元信息如标题、字符集、CSS和JavaScript链接body包含网页的可见内容2. 常用HTML元素详解2.1 文本内容元素文本是网页的基础内容HTML提供了多种元素来组织和格式化文本h1到h6标题标签数字越小级别越高 p段落标签 strong和b加粗文本 em和i斜体文本 br换行 hr水平分割线2.2 链接与图像超链接和图像是网页的重要组成部分a hrefurl链接文本/a创建超链接 img srcimage.jpg alt描述插入图像2.3 列表元素列表用于组织相关项目ul无序列表 ol有序列表 li列表项 dl定义列表 dt定义术语 dd定义描述3. 表单与用户交互表单是用户与网站交互的主要方式3.1 基本表单结构form action/submit methodpost label forname姓名/label input typetext idname namename label foremail邮箱/label input typeemail idemail nameemail input typesubmit value提交 /form3.2 常用表单元素input有多种类型(text, password, email, number等) textarea多行文本输入 select和option下拉选择框 button按钮 fieldset和legend表单分组4. HTML5新增元素HTML5引入了许多语义化元素使网页结构更清晰header页眉 nav导航栏 section文档中的节 article独立内容 aside侧边栏 footer页脚 figure和figcaption图像及其标题5. 多媒体元素HTML5原生支持音频和视频播放audio controls source srcaudio.mp3 typeaudio/mpeg 您的浏览器不支持音频元素 /audio video width320 height240 controls source srcmovie.mp4 typevideo/mp4 您的浏览器不支持视频元素 /video6. 表格元素表格用于展示结构化数据table caption表格标题/caption thead tr th姓名/th th年龄/th /tr /thead tbody tr td张三/td td25/td /tr /tbody /table7. HTML全局属性所有HTML元素都可以使用的属性class为元素指定类名 id元素的唯一标识 style内联CSS样式 title元素的额外信息工具提示>
