HTML要点总结

来源：互联网发布：乐高nxt编程编辑：程序博客网时间：2024/06/03 19:26

1. html页面基本框架

html：超文本标记语言

<html>

</head>

<body>

页面显示的内容

</body>

</html>

一、常用标签

1、文本

<strong>strong文本</strong>

2、列表

</ul>

</ol>

<dl>

</dl>

3、图片

image和html在同一个目录中<br/>

<!-- alt属性：当你的图片不能再浏览器上正常显示，则用alt内容提示

title:图片的标题 -->

<br/>

<br/>

image在html的父目录中

<br/>

image在html的兄弟目录中

4、链接

href中的路径写法同img中src路径的写法

<!-- target:目标页面打开的位置，默认是_self就是当前窗口打开新的页面

可以设置为_blank在新的浏览器窗口打开页面内容 -->

锚链接

定义锚的名称，写在body中任何一个位置

超链接和锚在同一个页面

<a href="#begin">锚链接回到begin</a>

超链接和锚在不同的页面，首先到你的目标页面，然后再写上锚的名称

<a href="site/03.html#begin">03.html---begin</a>

功能链接

二、表格

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

table:表格标签

tr：一行

th：标题列

td：单元格

td和th中的属性：colspan跨列合并单元格，rowspan：跨行合并单元格

三、表单

<form>表单标签：action属性指定服务器端的地址 method

<input>标签：

type属性：text、password、radio，checkbox、submit、reset、button，image，file，hidden

<select>标签，option标签，默认选中的选项（selected）

<textarea>标签：多行文本框rows,cols

button：标签按钮，type属性指定按钮的类型

四、 frame/frameset/iframe(框架页面)

Ø frame和frameset沿用指定html的页面

<html>

<frameset cols="25%,50%,25%">

  <frame src="frame_a.html" />

  <frame src="frame_b.html" />

  <frame src="frame_c.html" />

</frameset>

</html>

Ø iframe

Ø  <iframe src ="/index.html" align="right">

Ø  <p>Your browser does not support iframes.</p>

Ø  </iframe>

内联框架：一个页面嵌入到另一个页面的里面

src：指明嵌入页面的路径

注意：

l Document.getElementById().innerHTML返回的是对象

l 如果input的button写错了会自动转为text

0 0