当前位置:编程学习 > html/css >>

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 ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,