HTML语言简单回顾
简单复习一下html语言。html的基本结构如下:
[html]
<html>
<head>
<title></title>
</head>
<body> </body>
</html>
html是由一系列标签组成的!
标签
HTML 标签是用来标记 HTML 元素的。
HTML 标签被 < 和 > 符号包围。
这些包围的符号叫作尖括号。
HTML 标签是成对出现的。例如 <b> 和 </b>。
位于起始标签和终止标签之间的文本是元素的内容。
HTML 标签对大小写不敏感,<b> 和 <B> 的作用的相同的。
规范:标签必须要封闭!
对 HTML 元素的重新认识
每个 HTML 元素都有一个元素名(比如 body、h1、p、br)
开始标签是被括号包围的元素名
结束标签是被括号包围的斜杠和元素名
元素内容位于开始标签和结束标签之间
某些 HTML 元素没有内容
某些 HTML 元素没有结束标签
p,br,b,i,u,hr,h1~h6等简单标签就不解释了,主要记忆以下特殊的标签:
marquee标签:控制文字等内容移动
[html]
<marquee direction="left">会飞的文字</marquee>
sub下标,sup上标:
[html]
<p>m<sub>2</sub></p>
<p>m<sup>2</sup></p>
label标签:
向控件定义标注(标记)。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。譬如:
[html]
<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSN" />
<label>Date of Birth: <input type="text" name="DofB" /></label>
当用户点击了Social Security Number这些字之后,光标自动切换到输入框内,而不必点击输入框.
有两种使用方式,一种是通过id控制,即你要控制的控件和label 的for属性值必须相同,另一种方式是将要控制的控件和文字包含到标签内.
列表:
分为有序列表和无序列表:
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于 <ul> 标签。每个列表项始于 <li>。
[html]
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
[html]
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
表格:table
基本格式如下
<table border = "1" width = "200px" cellspacing = "0" cellpadding = "2">
<caption>表格标题</caption>
<tr>
<th>aa</th>
<th>bb</th>
</tr>
<tr>
<td>a1</td>
<td>a2</td>
</tr>
</table>
table标签表示一个表格,tr表示表格的边框,td标签表示每个单元格,th下的单元格内容会居中并加粗显示。
table有一系列的属性:align,cellpadding,cellspacing,border,width,height,bgcolor等....
合并行:
[html]
<table border = "1" width = "200px" cellspacing = "0" cellpadding = "2">
<caption>表格标题</caption>
<tr>
<th colspan = "2">aa</th>
</tr>
<tr>
<td>a1</td>
<td>a2</td>
</tr>
</table>
和并列:
[html]
<table border = "1" width = "200px" cellspacing = "0" cellpadding = "2">
<caption>表格标题</caption>
<tr>
<th rowspan = "2">aa</th>
<th>bb</th>
</tr>
<tr>
<td>a2</td>
</tr>
</table>
tbody标签:使用 <tbody> 标签,可以将表格分为一个单独的部分。<tbody> 标签可将表格中的一行或几行合成一组。
相应地还有tfoot标签.
图像标签:img
[html]
<img src="boat.gif" alt="Big Boat" >
src代表图片地址,可以用相对地址也可以用绝对地址,alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。当鼠标放到图片上时会显示该文字.
超链接:a
用法1:转到某个页面,或者邮箱等服务
<a href = http://www.baidu.com targrt = "_blank">百度</a>
用法2:锚,定位
[html]
<a name = "top">顶部</a>
.....
<a href = "#top">回到顶部</a>
target属性有以下值:
_blank
_parent
_self
_top
这个标签表示
在何处打开目标 URL。
表单标签:form
[html]
<html>
<head>
<title>标题</title>
补充:web前端 , HTML/CSS ,
- 更多html/css疑问解答:
- div+css中关于ie浏览器中非啊元素的:hover的实现问题,哪位大神指点下啊
- css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px
- css 属性选择器 ie6 不支持吗?
- 用css、jquery做的选项卡效果,有一个小疑问,请高手指点,代码如下:
- 介绍本学习css的书
- wordpress多个CSS样式怎么调用?
- 这个div 的css是如何编写的
- div+css中,div的右边框小于div的高度且居中,除了用背景图片,如何实现?
- 表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写
- CSS 在一个大的DIV里面,另一个DIV怎么居中并置底。
- dw中html文档为什么无法链接css文档
- 设计一个小例子说明DIV+CSS的优势(例子要解释并注释)。
- 我会html css目前正在学js,打算在大三的寒假找个实习,请问应该找哪方面的实习?
- css问题,跪求大大帮忙
- 请教网页设计高手,如下图的这种css代码怎么写?