摘要: 第三篇: CSS 字体、背景与边框样式 一、字体样式 (一)字体选择 在 CSS 中,通过 font-family 属性来选择字体。字体选择对于网页的整体风格和可读性至关重要。 系统字体 系统字体是用户设备上预先安装的字体。常见的系统字体有 Arial(一种无衬线字体,简洁易读,常用于正文和标题)、 阅读全文
posted @ 2025-04-03 12:19 程序员勇哥 阅读(5) 评论(0) 推荐(0)
摘要: 第二篇:CSS 基本语法与文本样式 一、CSS 基本语法 (一)选择器 选择器是 CSS 中用于选中要应用样式的 HTML 元素的关键部分。通过选择器,我们可以精准地指定哪些元素将受到特定样式规则的影响。以下是几种常见的选择器: 标签选择器 定义与用法:标签选择器直接使用 HTML 元素的标签名作为 阅读全文
posted @ 2025-04-03 12:18 程序员勇哥 阅读(3) 评论(0) 推荐(0)
摘要: 第一篇:CSS 基础认知与引入 一、认识 CSS (一)CSS 是什么 CSS 是层叠样式表(Cascading Style Sheets)的简称,它是一种用于描述网页呈现样式的标记语言。简单来说,HTML 负责搭建网页的结构,就像是房屋的框架,而 CSS 则负责为这个框架赋予外观,决定网页的字体、 阅读全文
posted @ 2025-04-03 12:17 程序员勇哥 阅读(9) 评论(0) 推荐(0)
摘要: 第二十篇:HTML5表单增强(下) 一、新的输入类型(二) (一)url 输入类型 url 输入类型用于让用户输入网址(URL)。与 email 输入类型类似,当 <input> 标签的 type 属性设置为 url 时,浏览器会自动验证用户输入的内容是否符合网址格式。如果用户输入的内容不是有效的网 阅读全文
posted @ 2025-04-03 12:11 程序员勇哥 阅读(8) 评论(0) 推荐(0)
摘要: 第十九篇:HTML5表单增强(上) 新的输入类型(一) (一)email 输入类型 在HTML5之前,若要验证用户输入的邮箱格式是否正确,通常需要借助JavaScript编写复杂的验证代码。而HTML5引入的 email 输入类型,大大简化了这一过程。当将 <input> 标签的 type 属性设置 阅读全文
posted @ 2025-04-03 12:11 程序员勇哥 阅读(6) 评论(0) 推荐(0)
摘要: 第十八篇:HTML5多媒体支持(下) 视频标签(<video>) 在HTML5中,<video> 标签使得在网页上嵌入视频变得轻而易举,极大地增强了网页的表现力和吸引力。通过这个标签,开发者能够直接在网页中展示视频内容,为用户带来丰富的视觉体验。 (一)<video> 标签的关键属性 src 属性: 阅读全文
posted @ 2025-04-03 12:10 程序员勇哥 阅读(14) 评论(0) 推荐(0)
摘要: 第十七篇:HTML5多媒体支持(上) 音频标签(<audio>) 在HTML5中,<audio> 标签为网页开发者提供了一种简便的方式,用于在网页中嵌入音频内容,极大地丰富了网页的多媒体体验。 (一)<audio> 标签的基本属性 src 属性:src 用于指定要嵌入的音频文件的路径。这可以是相对路 阅读全文
posted @ 2025-04-03 12:10 程序员勇哥 阅读(17) 评论(0) 推荐(0)
摘要: 第十六篇:HTML5语义化标签(下) 一、<section>与<article>标签 (一)<section> 标签 <section> 标签用于定义文档中的一个区域,这个区域通常是围绕着一个特定主题组织的内容块,类似于文档中的章节。它可以帮助将网页内容划分为逻辑上相关的部分,使文档结构更加清晰,便 阅读全文
posted @ 2025-04-03 12:10 程序员勇哥 阅读(60) 评论(0) 推荐(0)
摘要: 第十五篇:HTML5语义化标签(上) 一、语义化标签的意义 在HTML5之前,网页结构主要通过 <div> 标签来划分不同的区域。然而,<div> 标签本身没有任何语义,仅仅是一个用于布局的容器。HTML5引入了一系列语义化标签,这些标签具有明确的含义,为网页开发带来了诸多重要的好处。 (一)使网页 阅读全文
posted @ 2025-04-03 12:09 程序员勇哥 阅读(37) 评论(0) 推荐(0)
摘要: 第十四篇:HTML表单标签(<form>)之下拉菜单 在HTML表单中,下拉菜单是一种紧凑且便捷的方式,用于向用户呈现多个选项,让用户从中选择一个。它通过 <select> 和 <option> 标签共同创建。 下拉菜单(<select>) (一)<select> 与 <option> 标签的协同工 阅读全文
posted @ 2025-04-03 12:09 程序员勇哥 阅读(40) 评论(0) 推荐(0)
摘要: 第十三篇:HTML表单标签(<form>)之选择类元素 一、单选按钮(<input type="radio">) 在HTML表单中,单选按钮用于让用户从多个选项中选择一个。这在需要用户做出单一选择的场景中非常有用,比如选择性别、选择支付方式等。 (一)单选按钮的工作原理 单选按钮通过 <input 阅读全文
posted @ 2025-04-03 12:08 程序员勇哥 阅读(5) 评论(0) 推荐(0)
摘要: 第十二篇:HTML表单标签(<form>)基础 一、表单基础 在网页开发中,表单是实现用户与服务器交互的重要元素。通过表单,用户可以输入各种信息,如登录凭证、反馈意见等,这些数据随后被提交到服务器进行处理。在HTML中,<form> 标签用于创建表单。 (一)<form> 标签的作用 <form> 阅读全文
posted @ 2025-04-03 12:07 程序员勇哥 阅读(4) 评论(0) 推荐(0)
摘要: 第十一篇:HTML表格标签(<table>)(下) 一、表格样式 在HTML中,为表格设置样式可以增强其视觉效果,使其更具吸引力和可读性。虽然可以直接在标签内使用 style 属性来设置样式,但随着项目复杂度增加,更推荐使用CSS(层叠样式表)来统一管理样式。 (一)使用 style 属性设置样式 阅读全文
posted @ 2025-04-03 12:07 程序员勇哥 阅读(6) 评论(0) 推荐(0)
摘要: 第十篇:HTML表格标签(<table>)(上) 一、表格基本结构 在HTML中,<table> 标签用于创建表格,它能够以一种结构化的方式展示数据,使信息更易于阅读和理解。表格由行和单元格组成,通过特定的标签来定义。 (一)<table> 标签 <table> 标签是整个表格的容器,它包裹着表格的 阅读全文
posted @ 2025-04-03 12:07 程序员勇哥 阅读(104) 评论(0) 推荐(0)
摘要: 第九篇:HTML图像标签(<img>) 一、插入图像 在HTML中,<img> 标签用于在网页中插入图像,使网页内容更加丰富和生动。 (一)<img> 标签的关键属性 src 属性:src 是“source”的缩写,该属性用于指定图像文件的路径。路径可以是相对路径,即相对于当前HTML文件的位置;也 阅读全文
posted @ 2025-04-03 12:06 程序员勇哥 阅读(65) 评论(0) 推荐(0)
/* 看板娘 */