2020年11月28日 HTML知识点整理
<a href="../test.html" target="_blank">BACK</a>
..为返回上一级目录。../../返回两次上一级目录
--------------------------------------------------------------------------------------
target="_blank"为在新标签页中打开
target="_self"为自身打开
不写target默认self
--------------------------------------------------------------------------------------
<table border = "1"> 这里的数字只影响表格边框的厚度，不影响单元格的边框厚度。只能是整数，不能是非整数。
--------------------------------------------------------------------------------------
<div name>和<div id>用id比较好
--------------------------------------------------------------------------------------
（from W3School）
HTML <span> 元素是内联元素，可用作文本的容器。
<span> 元素也没有特定的含义。
当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。
相对路径，相对于当前html文件
/根目录
../上一级目录
./当前文件所在文件夹（可以省略）
（相对路径/ 绝对路径\）
（相对路径不管在哪都是斜杠,但斜杠。绝对路径反斜杠。dw中绝对路径用但斜杠可以，但是建议用\\，在jsp中必须\\）
---------------------------------------------------------------------------
<a>标签如果写网络路径，一定要加http://
<a>下载文件，如果浏览器不能解析该地址，就是下载
<a name=""></a> 可以设置锚点，和<div name = "">一样，但是要注意浮动特性
---------------------------------------------------------------------------
同一个页面只能有一个相同id
-------------------------------------------------------------
dreamweaver中，ctrl shift 和 / ，也可用于把选中的代码变成注释，方便调试
——————————————————————————
如果是外部css文件，css里写的相对路径是根据CSS文件确定的，不是引用该css文件的html文件的位置
………………………………………………………………………………………………………………
table里不能直接写td，必须有嵌套关系。
table 里border、width和height属性加px和不加都行。
表格里内容多了也会挤出去，无论设不设置宽高，能不设置宽高就不设置
height尽量不设置百分比，width可以设置
<td colspan="2"></td> 可以设置占几列空，列合并
<td rowspan="2"></td>可以设置行合并
cellspacing是table的属性 可以设置单元格之间的距离,cellpadding是单元格内容和单元格边框的距离
=====================================================
表单一定要用form包起来，form的action是点提交，提交到的地址。form不占空，相当于一个界限。
method提交方式：
1：get 在地址栏以键值对方式提交表单元素，所以input 的name属性一定要写(不安全，地址栏装不了很多内容（64kb)）。（一般不用get提交）
其实超链接a标签就是用get请求。
2：post 不会将提交参数从地址栏提交，优点：安全，传输大小不限制
表单元素：
一：input type="元素类型" name = "元素名称" value="键值对"
元素类型：
1：文本类型：text 文本框 value属性显示已输入的文本 placeholder（请输入您的用户名）一点就没
password 密码框
2:按钮类型：
button ：普通按钮 value属性是按钮上显示的文字
reset：重置按钮 重置当前form里，用户输入的内容
submit：提交按钮(登录，注册) 提交到form action 里
3：选择类型：
radio：单选按钮 用label标签包起来，可以点文字也能选选项 checked = "checked" = 光写checked。属性值和属性名一样时，光写属性名就行。这里没有unchecked
checkbox：多选按钮
4：文件类型：
file：
二：select标签：下拉框
默认选中：selected
三：textarea
不能加value属性，直接在两个标签里加，因为这不是input
============================================
<a href="#">TO TOP</a> href写个#，默认回到顶端。
<base> 标签为页面上的所有链接规定默认地址或默认目标。比如<base target="_blank"> 写在<head>里，可以让该页面所有超链接都以新标签页的形式打开。
span是内联元素（行内元素）。div是块元素，p里面不能放任意的块元素。
CSS选择器分：元素选择器、id选择器（#）、class选择器（.）（id不能相同、class可以相同）(多个class 用空格分开)
16进制RGB颜色：黑色 #FFFFFF （255，255，255） 白色 #000000 （0，0，0）
一点击就变字效果：<h2 onClick="this.innerHTML = 'YOU CLICKED!'">CLICK ME!</h2>
document.getElementsByTagName("body")[0].style.color = "blue"; 推测getElementsByTagName返回的是一个组
===============================================================
2.img里title属性是鼠标放上去时显示的文字
===============================
3.input外面加label可以做成点击文字也能选中选项的效果，但是for“”要去掉
==========================
4.textarea cols rows
================
5.href与src容易搞混：
<video src=""></video>
<iframe src="" frameborder="0"></iframe>
<img src="" alt="">
<a href=""></a>
<link rel="stylesheet" href="">
src用于替换当前元素；href用于在当前文档和引用资源之间建立联系。
=======
发现：html可以自定义标签名，能用不报错。
=====
浙公网安备 33010602011771号