【HTML+CSS】重点笔记

HTML

排版标签

标题标签h
段落标签p
水平线标签hr
换行标签br
div标签 用来布局的，一行只能放一个div
span标签 用来布局的，一行上可以放好多个span

图形标签

图像标签img src属性
相对路径使用： /
绝对路径使用： \ 或完整的网络地址： "http://www. "

链接标签

链接标签a href属性、target属性(_self为默认值，__blank为在新窗口中打开)
超链接标签/锚点链接：链接文本的href属性设为#名字，目标位置的标签添加id属性为同一名字

<a href="#名字">第二集</a>
<h3 id="名字">第二集介绍</h3>
<!--若需添加返回顶部标签-->
<h3 id="top">目录</h3>
<a href="#top">返回顶部</a>

表格标签

表格不是用来布局页面的，而是用来展示数据的
<tr></tr>行标签，<th></th>表头标签
<thead></thead>用于定义表格的头部，内部必须有<tr>标签
<tbody></tbody>用于定义表格的主体

列表标签

列表是用来布局的
unorder list/order list <ul></ul>/<ol></ol>里只能嵌套<li></li>标签，不能放<p></p>
<li></li>之间可以放入任何标签和内容，它相当于一个大的容器

defined list <dl>里只能包含<dt>和<dd>

表单

<input>标签的属性name是表单元素的名字，要求单选按钮和复选框的每个选项都要有相同的名字，才能实现单选多选效果。

CSS

HTML主要做结构，显示元素内容
CSS美化HTML，布局页面

JS

变量命名规范

• 由字母、数字、下划线、美元符号($)组成
• 严格区分大小写
• 不能以数字开头
• 不能是关键字、保留字
• 变量名必须有意义
• 遵循驼峰命名法 首字母小写后面单词的首字母大写 myFirstName
• name在浏览器中有特殊含义 尽量不要使用name作为变量名

交换两个变量值 使用一个临时变量用来做中间存储

查阅文档

• W3C ：http://www.w3school.com.cn/
• MDN：https://developer.mozilla.org/zh-CN/