html学习笔记（2）

html元素

align

align：用于文字的排版
align=“left”：左边对齐
align=“right”：右边对齐
align=“center”居中对齐
align=“justify”随页面大小自动排版（比如说字数比较多的时候）

<p align="left">abcdefg</p>

a href 和 target

用于添加网址，target则用于打开新的一个网页框

<a href="www.baidu.com"target="0">baidu</a>
<a href="www.google.fr"target="1">google</a>

img embed video audio

这几个都和图像音频有关，所以我就都放在一块了
img：用于图像
embed：嵌入flash动画
注意: 大多数现代浏览器已经弃用并取消了对浏览器插件的支持，所以如果您希望您的网站可以在普通用户的浏览器上运行，那么依靠 embed>通常是不明智的。（by w3school）

video:用于加入视频
audio：用于加入音频

<img src="图像链接" height="50" width="30">
<embed src="flash链接" height="50" width="30">
<video src="视频链接" height="50" width="30"></video>
<audio src="音频链接" height="50" width="30"></audio>
注意img和embed不用加结尾，加了好像也没什么问题，但是video
和audio都需要结尾

表格系列

table和border

table用于表明你在申请一个表格
border则跟在table之后表明你的单个表格大小

<table border="1">
<tr><td>1</td><td>a</td></tr>
<tr><td>1</td><td>a</td></tr>
</table>

tr td

表示这个表格的框架
tr是外围的部分，告诉电脑你这要有这么个表格
td则是跟电脑说你这有东西要填，把这显示出来一个小的表格让我装东西
注意要有结尾的/tr,/td，不然会串
例子如上面的

valign align

valign用于你处于这个单元中（小格子）中的位置，是在顶上还是在下面。
align这里则用于表示这个单元中（小格子）中的位置，比如说居中。

<tr><td valign="top">111</td></tr>
<tr><td align="center">123</td></tr>

其中valign有两种选择，分别是top（居上）bottom（居下）

th

th用于加表头，就是表格的第一行加点东西

<th>num</th>
<th>nom</th>

这里你要一直加表头他就会给你一直开新的列

输入框系列

input （type=“text”)

input:字面意思，就是输入一些东西，配合table来用，就成了输入框
（但是我看不加table似乎也可以）

<table>
<tr><td><input name="nom" type="text" size="30" maxlength="30"></td></tr>
</table>

这里就表示让你输入一个nom姓，最大长度不超过30个字，输入文本内容
name很好理解，就是这个输入框的名字
type输入类型
maxlength控制输入最大长度

textarea

textarea，其实挺好理解的，text+area，就是字面意思，文字区域，写出来会是一个nxn的大输入框，可以输入一堆文字

<textarea name="avis" rows="10" cols="30"></textarea>

选项框系列

input （type=“radio”)

type改为radio之后就会出现选项点（emmm似乎只能这么描述了。。）

<input name="sexe" type="radio" value="femme">

这里的value用于规定 input 元素的值

input （type=“checkbox”)

type改为radio之后就会出现选项方块(checkbox其实还挺形象的哈哈)

<input name="sexe" type="checkbox" value="femme">

select option

select表示你做一个选项
option就是其中的一些选项

<select name="taille" size="1">
<option>168</option>
<option>169</option>
<option>170</option>
<option>171</option>
<option>172</option>
</select>

注意，这里更改size大小的话他会自动给你调整布局，并不是一直一个样