HTML基本笔记(强烈推荐)

1,网页页面基本构造:

XML/HTML Code拷贝內容到剪贴板
  1. <html>  
  2.     <head>  
  3.                 <title>我的第1个网页页面</title>  
  4.     </head>  
  5.     <body>  
  6.                 这是我的第1个网页页面   
  7.     </body>  
  8. </html>  

留意:在HTML中,标识绝大多数全是成对出現的。有刚开始就有完毕

假如并不是成对出現的标识,在标识的后边再加/表明完毕。

2、基础标识

1、h1-h6 题目标识
2、em 斜体
3、strong 粗体
4、hr 激光切割线
5、br 换行
6、p 段落标识
7、&nbsp; 独特标记,空格
8、&gt; 独特标记,>
9、&lt; 独特标记,<
10、&quot; 独特标记,"
11、&copy; 独特标记,版权标记
12、<!-- -->注解
13、img 照片标识

特性:src:照片的相对路径,alt:当照片找不到时,显示信息的文本
title:电脑鼠标飘浮显示信息的文本
用法:
<img src="..." alt="..." title="..."/>

14、a 超连接标识
特性:href:连接到哪里去
用法:
<a src="...">连接</a>
锚连接
先在1个部位写上<a name="?"></a>
随后另外一个部位写上<a href="?"></a>
点一下这个连接,会寻找这个?所属的部位

用法:
<a name="?">连接到这了来</a>
<a href="?">从这了连接</a>

15、ul-li 无编码序列表
用法:
<ul>
<li>目录项1</li>
.......
<li>目录项n</li>
</ul>

留意:沒有次序,每个li便是1行
默认设置状况下,每个li前面都有1个实心小点

16、ol-li 井然有序目录
用法:
<ol>
<li>目录项1</li>
.......
<li>目录项n</li>
</ol>
便是将无编码序列表的实心小点换为了编号

17、dl-dt-dd界定目录
用法:
<dl>
<dt>题目1</dt>
<dd>內容1</dd>
<dt>题目2</dt>
<dd>內容2</dd>
</dl>

完成实际效果:
题目1
內容1
题目2
內容2

18、表模块素
a、text 单写作本框
b、password 登陆密码框
c、radio 单选按钮
d、file 文档挑选器
e、checkbox 复选框
f、select 往下拉目录
g、submit 递交按钮
h、reset 重设按钮
i、textarea 文字域

用法:
<textarea cols="50" rows="20">
515641
</textarea>

j、form标识 递交标识
英语的语法:
<form method="递交方式" action="要递交到哪里去">

</form>
假如action为空,则表明递交到当今网页页面
method可选特性:post、get
post安全性性高,递交的信息内容不容易显示信息在详细地址栏
get安全性性较低,递交的信息内容显示信息在详细地址栏
假如不写method特性,默认设置是get

k、input标识 可选值:便是表模块素a-i

l、select 往下拉目录

用法:
<select>
<option>2016</option>
<option>2015</option>
<option>2014</option>
</select>

m、<label>姓名:<input type = "text"/></label> 关系表单

功效:点一下姓名这两个字,电脑鼠标汇聚焦在姓名后边的文字框中

3、留意:
1、标识名应当小写
2、HTML标识应闭合(完毕)
3、标识应正确嵌套循环

4、表单特性
1、readonly="readonly" 写保护
2、disabled="disabled" 禁用

5、报表
1、甚么是报表?
最简易的便是序列,报表之间,能够写物品

2、报表如何应用?
先画1个大框,再画每行,再画每列
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

3、数据信息或说是元素都可以以放在td里边

4、table的1些特性:
width:设定宽度
border:边框的粗细
align:对齐方法,最多见的,center,水平对齐
valign:对齐方法,最多见的,center,左右对齐
cellspacing="20" :格子与格子之间的间距,默认设置值是0
cellpadding="20":內容与格子之间的间距,默认设置值也是0
bgcolor:变更情况色调

5、合拼:
colspan="2":合拼模块格,横着合拼
rowspan="2":合拼模块格,竖着合拼

以上这篇HTML基本笔记(强烈推荐)便是网编共享给大伙儿的所有內容了,期待能给大伙儿1个参照,也期待大伙儿多多适用脚本制作之家。

原文详细地址:http://www.cnblogs.com/w/archive/2016/07/21/5693437.html