新闻详情

新闻详情

首页 / 资讯中心 / 详情

HTML基础笔记(前26节)

发布时间:2026/10/2 7:01:55来源:尧图网络
HTML基础笔记(前26节)
HTML基础笔记前26节一、环境与工具前端工程师主要负责编写 B/S架构中的网页呈现界面、实现交互。VSCode 必装插件 Live Server保存后浏览器自动刷新两个前提① 用 VSCode 打开的是文件夹 ② 页面是标准 HTML 结构查文档只认一个MDN → developer.mozilla.org二、标准结构必背输入 ! 回车一键生成整套结构必须在第一行、html 标签外侧编码统一 UTF-8语言 zh-CN​​​​​​​​​​三、标签与属性标签名、属性名推荐全小写属性值推荐双引号同名属性后写的失效四、注释 ctrl➕/浏览器不显示但源码里看得到不能嵌套五、排版标签h1 全页只写一个h2~h6 可以多写h1~h6 不能互相嵌套p 里不能放 h1~h6、p、div六、语义化呈现样式不重要CSS 都能改语义才重要好处结构清晰 · 利于 SEO · 屏幕阅读器能读七、块级 与 行内块级独占一行h1~h6、p、div行内不独占一行span、input行内里面不能放块级八、文本标签记住三个就够em 着重 · strong 更强 · 但是都没有h1重要span 无语义容器div 是大包装袋span 是小包装袋九、图片 imgalt 必写给 SEO 看 · 加载失败时显示 · 盲人阅读器朗读别同时写宽和高会拉伸变形一般写一个会自动按比例调小调大不建议会模糊十、路径./ 同级可省略 · / 下一级 · …/ 上一级相对路径依赖当前位置挪了文件就得改路径​
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

基于SpringBoot+SSM的校园智能物流管理系统设计与实现 2026/10/2 7:54:59

基于SpringBoot+SSM的校园智能物流管理系统设计与实现

1. 项目全貌与选题思路1.1 这个系统到底解决了什么问题做校园智能物流管理系统这个选题之前,我第一时间想到的是自己大学时代在快递代收点兼职的经历。每到双十一或者开学季,货架上堆得满满当当,找一件快递全靠喊名字,短信通知靠人…

阅读更多 →
type-challenges 中等题解:OmitByType —— 按属性类型(而非键名)精准剔除对象字段 2026/10/2 7:54:53

type-challenges 中等题解:OmitByType —— 按属性类型(而非键名)精准剔除对象字段

示例工程 【免费下载链接】type-challenges Collection of TypeScript type challenges with online judge 项目地址: https://gitcode.com/GitHub_Trending/ty/type-challenges 点击查看 免费下载 导读 OmitByType 是 type-challenges 题库中的一道中等难度&…

阅读更多 →
MSSCrollGuideView 项目教程 2026/10/2 7:54:53

MSSCrollGuideView 项目教程

MSSCrollGuideView 项目教程 【免费下载链接】MSSCrollGuideView Keyframeanimation user guided animation 项目地址: https://gitcode.com/gh_mirrors/ms/MSSCrollGuideView 1. 项目的目录结构及介绍 MSSCrollGuideView 项目的目录结构如下: MSSCrollGui…

阅读更多 →
拼多多商品数据爬虫实战:从分析接口到CSV导出的完整教程 2026/10/2 7:54:52

拼多多商品数据爬虫实战:从分析接口到CSV导出的完整教程

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
superpowers技能框架:让Codex CLI告别漫无目的的编码随机发挥 2026/10/2 7:54:52

superpowers技能框架:让Codex CLI告别漫无目的的编码随机发挥

最近两个月我把 OpenAI 的 Codex CLI 当主力编码工具在用,日常提交、跑测试、改 bug 基本都交给它。但用久了你会发现一个很尴尬的事:模型本身能力挺强,可它总是“没有章法”——让它做一件事,它要么一口气全部干完,不…

阅读更多 →
网联条码支付联调三重校验:IP白名单、证书序列号与回调地址硬约束 2026/10/2 7:54:39

网联条码支付联调三重校验:IP白名单、证书序列号与回调地址硬约束

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞 ✉