HTML+CSS入门
关注
分享
扫一扫
文章平均质量分 66
小盐巴小严
web前端新手笔记
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML入门—表格与表单设计
【代码】HTML入门—表格与表单设计。原创 2025-04-12 14:37:44 · 329 阅读 · 0 评论 -
HTML入门—传统布局与语义化布局
div布局的优缺点分析通过 CSS（如 Flexbox、Grid、浮动、定位等）可以精准控制布局，实现响应式设计、层叠效果、复杂对齐等。支持动态调整元素的尺寸、位置、间距，适配不同设备和屏幕尺寸。HTML 专注于内容结构，CSS 处理样式，符合“关注点分离”原则，代码更易维护和扩展。结合 HTML5 语义化标签（如<header><nav><article>等）可以提升代码可读性。相比传统的<table>布局，<div>更少引入冗余代码，减少页面加载时间。原创 2025-03-23 17:56:10 · 657 阅读 · 0 评论 -
HTML入门—超链接与多媒体
在页面的目标位置处添加一个具有唯一标识符的锚点。在HTML5中，更推荐使用。引用CDN上的公共库（jQuery/Bootstrap等）在页面的其他位置添加指向锚点的超链接。：提供额外的信息，当用户将鼠标悬停在图片上时显示。属性：提供图片的替代文本，当图片无法加载时显示。指向其他域名的资源（社交媒体图标）项目内部的图片/CSS/JS文件。属性：指定图片的URL（路径）。在HTML中，引入图片通常使用。：设置图片的显示尺寸。原创 2025-03-22 21:27:30 · 582 阅读 · 0 评论 -
HTML入门—文本内容组织
标签用来定义 HTML 标题。<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。文本格式化标签：对输出的文本进行格式。实际中，更多是直接使用css进行修改文本样式。标签定义了一个有序列表. 列表排序以数字来显示。标签定义段落，元素会自动在其前后创建一些空白。将 <ul> 标签与。标签一起使用，创建无序列表。标签来定义列表选项。原创 2025-03-18 15:45:00 · 193 阅读 · 0 评论 -
相对路径 vs 绝对路径
引用CDN上的公共库（jQuery/Bootstrap等）：上级目录（每出现一次上跳一级）指向其他域名的资源（社交媒体图标）项目内部的图片/CSS/JS文件。需要保持目录结构灵活性的情况。原创 2025-03-15 22:56:27 · 313 阅读 · 0 评论 -
HTML入门——第一个HTML页面
根据上篇所讲的HTML结构。HTML文件一定要有 <!DOCTYPE> 声明，<head> 部分，body部分。DOCTYPE> 声明的目的是让浏览器能够正确地渲染页面。在 HTML 文档中，<!DOCTYPE> 声明通常是文档的第一行，位于<html>标签之前。<head> 元素是所有头部元素的容器。<head> 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息 以及其他更多的信息。<body> 标签定义文档的主体。原创 2025-03-17 11:00:00 · 1398 阅读 · 0 评论 -
HTML入门—什么是HTML？
蒂姆·伯纳斯-李（Tim Berners-Lee）在欧洲核子研究中心（CERN）提出。用盖房子来比喻，HTML是骨架，CSS是装修，JS是电器。（本系列文章只设计HTML和CSS内容）：发明首个HTML原型，仅包含18个基础标签（如。非正式规范，由IETF（互联网工程任务组）讨论。定义页面内容的结构（标题、段落、列表等）赋予页面交互能力（点击事件、数据提交等）HTML+CSS+JS代码：实现动态效果。（鼠标放在一级标题上，文字颜色变为红色）控制视觉呈现（颜色、布局、动画等）原创 2025-03-16 10:30:00 · 941 阅读 · 0 评论