---------------------- android培训、java培训、期待与您交流! ----------------------
html (非严谨性语言)
1,超文本标记语言的简写,是最基础的网页语言
2,通过标签来定义的语言,代码都是由标签所组成
3,代码不区分大小写
4,格式如下举例
5.头部分是给html页面增加一些辅助或者属性信息,他里面的内容会最先加载
6,体部是真正存放页面的地方
举例:<html>
<head>
<title>我的标题</title>
</head>
<body>
我的第一个网页!
<font size=7>我的第一个网页!</font>
注释:如果size不确定可以在里面嵌套单引号
</body>
</html>
******网页里的换行<br>后期规范,所有的标签必须闭合,要么自定义一个结束标签,要么内部闭合。
实现单一功能的必须内部闭合,比如<br/>
格式:<标签名 属性名=' 属性值' >数据内容</标签名>
<标签名 属性名=' 属性值' / >
操作思想:
为了操作数据,都需要多数据进行不同的封装,通过标签中的属性对封装的数据进行操作。
标签就相当于一个容器。对容器中的数据进行操作,就是在再不断地改变容器的属性值。
字体标签:
红、绿、蓝:#00ff00绿色
标题标签:
<h1>标题一</h1>.......
特殊字符:
如果要在网页上显示一些特殊符号,这些在代码中会被浏览器解析识别,所以要用一些特殊的方式解决:转义
<:< &qt:> &:&
":" ®: 圆圈里加R注册商标 ©:版权所有
&trade:TM
空格也是特殊字符:
注:在DreamWeaver8中都具有联想功能。
列表标签:<dl>
<dt>上层项目</dt>
<dd>下层项目</dd>
举例:
<dl> 效果:
<dt>游戏名称</dt> 游戏名称
<dd>星际争霸</dd> 星际争霸
<dd>红色警戒</dd> 红色警戒
<dt>部门名称</dt> 部门名称
<dd>技术部</dd> 技术部
<dd>培训部</dd> 培训部
</dl>
列表中项目符号对应的标签
<ol>:数字标签(a A l i r )
<ul>:符号标签()
<li>:具体项目内容标签。此标签在上面两个之中有效
<hr>横线
<!--注释内容-->
<img src.....如示例所示/>Test.html
表格:
<table border="1" bordercolor="#0000FF" width="70%"/>
<caption>表格标题</caption>
<tr>
<th>单元格1</th>
<th>单元格2天天向上</th>
</tr>
<tr>
<td>单元格1</td> <td colspan="2">单元格1</td> colspan(列)
<td>单元格2</td> <td rowspan="2">单元格1</td> rowspan(列)
</tr>
</table>
表格标题
单元格1 | 单元格2天天向上 |
单元格1 | 单元格2 |
<tbody>表格体后面才有<tr>:作用可以控制表格分行下载,从而提高下载速度。(网页的打开是先表格的内容全部下载完毕后,才显示出来,分行下载可以先显示部分内容,这样可以减少用户等待时间)
<thead><tfood>包含关于表格列的信息
超链接:<a href="http://www.sina.com">新浪网站</a>
先启动协议解析HTTP href:关联!必须得有协议,否则直接关联本地文件
Href:属性值可以是url,也可以是本地文件
<a href="mailto:abc@sohu.com?subject=hahahaha">联系我们</a>
启动系统关联邮件引擎,问号后面跟着参数信息参数名=参数值
<a href="mailto:abc@sohu.com?subject=hahahaha&cc=kkkk@sina.com">联系我们</a>
启动迅雷:thunder://XXXXXXXXX
<a name="top">顶部位置</a>
<a href="#top">回到顶部</a>
<a href="http://www.sina.com" target="_blank">新浪网站</a>
target="_blank"重新打开一个页面 target属性值是指定在哪个窗口或者帧中打开。
<p>.......很多空行,以制造网页过长得效果。
---------------------- android培训、java培训、期待与您交流! ----------------------详细请查看:http://edu.csdn.net/heima