HTML 基础
HTML（Hyper Text Markup Language），超文本标记语言。
学习环境：Windows 10， Notepad++。
HTML 元素
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
// 下面一行代码就是一个元素，包括开始标签<p>和结束标签</p>，以及元素内容This is a paragraph.
<p>This is a paragraph.</p>
HTML 属性
// 比如a标签的href属性
<a href="http://www.baidu.com">百度一下</a>
HTML 标题
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
/*
注：请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
注：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。
*/
HTML 水平线
<hr />
HTML 换行
<br />
HTML 段落
HTML 样式
style 属性用于改变 HTML 元素的样式， 代替下面废弃的标签和属性，<center>， <font>， <basefont>， <s>， <strike>， <u>， align， bgcolor， color。
HTML 文本格式化
HTML 注释
<!-- 在此处写注释 -->
HTML CSS
// 外部样式
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
// 内部样式
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
// 内联样式
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
HTML 链接
HTML 图像
HTML 表格
HTML 列表
HTML 响应式设计
什么是响应式 Web 设计？
RWD 指的是响应式 Web 设计（Responsive Web Design）；RWD 能够以可变尺寸传递网页；RWD 对于平板和移动设备是必需的。可以通过浮动等自行实现，也可用现成的CSS框架Bootstrap。
HTML 框架
重要提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。
HTML 内联框架
HTML 实体
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
HTML 中的常用字符实体是不间断空格 。如果您在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，您需要使用 字符实体。
如需完整的实体符号参考，请访问W3school的 HTML 实体符号参考手册。
HTML 颜色
HTML 文档类型
<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。
// HTML5
<!DOCTYPE html>
// HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
// XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML 表单
HTML 速查手册
CSS基础
参考资料
[1] W3school
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
