html学习笔记
一、简介
注意事项：
- 对于中文网页需要使用<meta charset=“utf-8”>声明编码，否则会出现乱码。
- 有些浏览器(如 360 浏览器和google浏览器)会设置 GBK 为默认编码，则你需要设置为<meta charset=“gbk”>。
- 疑惑：难道html的使用性这么差吗，不同的浏览器就得写不同的charset ???
二、语法
- 注释
- 在HTML源代码中想要添加注释，需要使用<!–…--> 注释标签。
- 结构
- <head> 元素包含了文档的元（meta）数据，里面的不会显示在浏览器上
- <body> 区域的元素会显示在浏览器上，包括HTML 标题、段落。
- HTML 标题（Heading）是通过<h1> -“ <h6> 标签来定义的。
- <h1>” 定义最大的标题。 <h6>” 定义最小的标题
- 浏览器会自动地在标题的前后添加空行。
- HTML 段落是通过标签 <p> “来定义的。
- HTML 元素最好使用小写标签
开始标签 | 元素内容 | 结束标签 |
<p> | 这是一个段落 | </p> |
<a href=“default.htm”> | 这是一个链接 | </a> |
<br/> | 换行 | 在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法 |
- 属性
- 属性值应该始终被包括在引号内。
- 双引号是最常用的，不过使用单引号也没有问题。
提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=‘John “ShotGun” Nelson’
属性 | 描述 |
class | 为html元素定义一个或多个类名（classname）(类名从样式文件引入) |
id | 定义元素的唯一id |
style | 规定元素的行内样式（inline style） |
title | 描述了元素的额外信息 (作为工具条使用) |
- 格式
非常多种，包括缩写的格式，字体显示的格式，文本的上下标格式，引文, 引用, 及标签定义的格式，都是通过放在标签包围中实现的，详见菜鸟教程 - CSS (Cascading Style Sheets)
- 内联样式- 在HTML元素中使用"style" 属性
- 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
- 外部引用 - 使用外部 CSS 文件
- 区块
最好采用css布局，把很多配置放在外部文件
可以去找一些模板
标签 | 描述 |
定义了文档的区域，块级 (block-level) | |
用来组合文档中的行内元素， 内联元素(inline) |
- 表单
- 表单是处理用户输入的机制，有按钮、输入文本 、单选多选等
- 疑惑：action机制还得看看php?
- 表单本身是不可见的。并且注意一个文本字段的默认宽度是20个字符
- 颜色
6个十六进制数来调色，一共有16^6种颜色，有些颜色某些浏览器不支持，但可以在这个标准色表里找合适的 - 字符实体
有些字符（比如<和>）是预留的，必须在 HTML 源代码中使用字符实体去表示
比如**<**表示小于号(即为less than缩写)
虽然 html 不区分大小写，但实体字符对大小写敏感。
完整的HTML实体：请点击 HTML 实体参考手册。
三、总结
HTML 是一种在 Web 上使用的通用标记语言。
HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
用CS code编辑起来十分流畅，按tab会帮你自动补全很多东西。
以前还比较奇怪，html的代码都看起来很长，程序员编起来肯定很辛苦，现在感觉应该很多html片段应该是有模板，可以复用的。
因为我上学期一直在用markdown写报告，一直认为markdown是最好的东西，写起来方便，用markdown的列表可以层次清晰，md文件又可以转pdf。
现在看来，markdown里所有的功能都应该可以用html去完成，我猜测markdown语言就是用html实现的哈哈哈。
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
