HTML5 & CSS3入门指南：Sublime快捷键解析
需积分: 48 160 浏览量
更新于2024-07-09
1
收藏 17.35MB DOCX 举报
"这份文档是针对web新手的HTML和CSS入门教程，包含了HTML5和CSS3的基本知识，以及Sublime编辑器的快捷键整理。文档共计104页，旨在帮助初学者逐步理解网页开发的基础。特别提示，文档中使用的WWF图片仅为示例，与个人政治观点无关；部分w3school链接可能失效，建议直接访问w3school官网查找最新内容。"
本文档首先介绍了HTML的基本结构，包括头文件、文件格式和注释的写法。在HTML中，注释可以使用`<!-- -->`进行，CSS注释则用`/* */`，而JavaScript的注释有两种形式：单行`//`和多行`/* */`。文件通常以`.html`或`.htm`为扩展名，文档开始时需声明文档类型，如`<!DOCTYPE html>`，接着是`<html>`标签，然后是`<head>`和`<body>`部分。
在HTML中，`<meta>`标签用于设置页面元信息，例如`charset="UTF-8"`定义字符编码。`http-equiv`属性可模拟HTTP响应头，比如设置浏览器兼容性。`<meta name="robots" content="参数">`用于控制搜索引擎爬虫的行为。
关于文字排版，`<h1>`至`<h6>`用于创建标题，`<p>`用于段落，`<br>`用于强制换行，`<hr>`创建水平线，`<font>`（已废弃）用于字体设置，`<pre>`保留预格式化的文本，`<span>`用于行内元素组合，而`<div>`用于块级元素组合，通常作为布局容器。
超链接的创建使用`<a href="">`，可以指向URL、本地HTML文件或触发文件下载。`<img src="">`用于插入图像，`alt`属性提供替代文本。在实际示例中，图像和链接可以结合使用，如在`<p>`标签内嵌套`<img>`和`<a>`。
此外，文档还可能涉及CSS3的样式规则，如选择器、盒模型、布局方式（如Flexbox和Grid）、动画、过渡等。Sublime编辑器的快捷键可以帮助提高开发效率，例如`!`后接Tab键可以快速创建HTML基础结构。
总结来说，这份资料全面覆盖了HTML5和CSS3的基础知识，是web新手入门的良好参考资料。学习者不仅可以了解HTML的基本元素和结构，还能掌握CSS的样式应用，并通过Sublime的快捷键提升编程体验。对于失效的链接，建议直接在权威资源如w3school上查找更新信息，以确保学习内容的准确性和时效性。
4. 表格 table th tr td rowspan 纵合并 colspan 横合并
① 表格背景颜色 or 图像
<table bgcolor="rgb 等 " ; background=" 路
径"...>....</table>
② 横向合并：colspan=”合并格数”
纵向合并：rowspan=”合并格数”
只声明一个单元格，后续单元格空缺
（5） 表单（不换行，textarea 换行）
0. form-input
<form action=" 表 单 元 素 收 集 到 的 数 据 交 给 的 处 理 网 页 （ web 后 端 网
页）">
<input type="类型" value="框内显示" name="后台名字" />
</form>
method="post|get" post 不在 URL 中显示提交内容|get 显示
如果不想提交之后在 URL 栏中显示输入的内容（非默认）(post)
<form action="" method="post">
如果要显示(get)
<form action="" method="get">
input 属性
name
后台网站接收到此消息的名字
剩余63页未读，继续阅读
203 浏览量
297 浏览量
138 浏览量
107 浏览量
2021-11-24 上传
127 浏览量
有只程序猿
- 粉丝: 1731
- 资源: 1
我的内容管理
展开
