苏州NIIT学习笔记-html

1. html

超文本标记语言。里面可以包含超级链接、图片等文本信息
由标签组成,在浏览器中打开。
标签:<html> </html>
标签都是成对出现的,像<hr/> <br/>结束标签包含在开始标签中。
属性:属性名=”属性值”。
html不区分大小写,容错性很强。

2. 标签

<h1>~<h6>:

自带换行(块框)、加粗,字体不一样大小

段落:<p>

自带换行

换行:<br/>

水平分割线:<hr/>

特殊符号

  • 空格:&nbsp;
  • 左尖括号:&lt;
  • 右尖括号:&gt;

    图片

    1
    <img src="图片的路径" width="50px"/>
  • 绝对路径:带盘符的路径 src=”e:/1017/food.jpg”

  • 相对路径:相对这个html文件的路径 推荐使用 src=”images/meinv.jpg”

    预格式文本 pre:

    保留原有格式,比如空格、换行等。

有序列表和无序列表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!-- 有序列表 -->
<ol>
<li>...</li>
<li>...</li>
...
</ol>

<!-- 无序列表 -->
<ul>
<li>...</li>
<li>...</li>
...
</ul>

<!-- -->
<dl>
<dt>...</dt>
<dd>...</dd>
...
</dl>

超级链接

1
<a href="http://blog.l0v3.cn">SAMW</a>
  • href属性:如果不加http://就是找本站的
  • name属性:设置锚点,可以用href跳转到这个锚点

3、表格标签

1
2
3
4
5
6
7
8
<table>
<tr>
<td>...</td>
<td>...</td>
...
</tr>
...
</table>
  1. table属性:
  • cellpadding:单元格内间距
  • cellspacing:单元格之间的间距
  1. td属性:
  • rowspan:跨行
  • colspan:跨列。

4、表单:用于提交用户的输入

1
<form></form>
1
<input type="" />
  • type属性:标明类型
  • checked:设置被选中
  • disabled:设置禁用
  • value:设置值
  • reset按钮:回到初始界面
  • submit按钮:提交有name属性的标签的value值

    1
    <textarea rows="5" cols="20"></textarea>
  • cols rows属性:设置列和行数目

    1
    2
    3
    4
    <select>
    <option value="...">...</option>
    ...
    </select>
  • multiple属性:多行显示

  • size属性:显示行数目
  • selected属性:被选中

    1
    2
    <button>
    <label>
  • for属性:设置点击后获得焦点的标签的id

标签通用属性:

  • name:设置名称
  • value:设置值
  • disabled:禁用
  • id:设置id
  • readonly:设置只读

5、框架集

1
<frameset rows="2*,5*"></frameset>
  • cols:设置列数 单位有px、% 、*
  • rows:设置行数

    1
    <frame>
  • src:框架源文件

  • scrolling:是否有滚动条
  • name:设置框架名称,让a标签设置target属性定位框架源

6、内联框架

1
<iframe>
  • src:框架源文件
  • scrolling:是否有滚动条
  • width:宽
  • height:高