速成笔记:Hyper Text Markup Language

Hyper Text Markup Language

1.概念:来自于SGML标准通用标记语言

HTML2.0(IETF,internet Engineering Task Force)、HTML4.0(W3C,World Wide Web Consortium)

XHTML(符合XML标准的HTML)、DHTML(XHTML/CSS/JS的综合应用)

URL统一资源定位符:http://www.xxx.com:80/index.html#top;

URN持久可用的资源标准名称:XXX@xxx.com;                   URI包含URN和URL

2.锚点:

①假设在1.html中

<a name=”test”>锚点1</a>

则在2.html中设置链接

< a href=”1.html#test”>1.html中锚点1所在的位置</a >

②点击链接t时,TargetWindow的内容会跳转到url,未指定target则在本窗口跳转//详见框架

<a href=”url” target=”TargetWindow”>链接t</a>

3.特殊字符

&nbsp空格     &lt小于   &gt大于  &reg 注册商标              &amp逻辑与  &copy版权copyright   

&trade 商标TM            &quot双引号  &#xx ascii码为xx的字符

4.其他标签

<tt>打字机<cite>斜体<em>斜体加粗体<u>下划线<s>中划线<blink>闪烁<sub>下标<exp>次方

 

<p>分段显示 <ul>符号列表<ol>数字列表<li>列表内的列表项<br>换行<nobr>不换行

<pre>保持原有格式<marquee>跑马灯效果<blockquote>黑体的引用<dl><dt><dd>早期列表效果

 

<align><valign>对齐:left、right、center、top、middle、bottom 或<center>

 

<img src=     alt= border=       >

<div>分块显示 <span>行内块

5.表格

 <table width=”” align=”” border=””>      // 像素值或%

<tr>                                                               //表行row

       <th width=”” align=””>...</th>

<th>...</th>                              //表头 默认黑体(可选)

</tr>

<tr>

       <td width=”” align=””>...</td>   //单元格

       <td rowspan=”” colspan=”” bgcolor=””>..</td>  //跨行跨列合并单元格

</tr>

</table>

6.表单:接收用户输入、数据库查询

//Method中Get发送较少数据(256byte) 显示:url/*.jsp?变量名=值&变量名=值&变量名=值

//Method中Post数据长度无限制不会显示在url中

//Action指定数据交给服务器的哪个程序处理   *.jsp

<form>          //表单的属性Method和Action

<input type=”text”name=”userName” size=”30”maxlength=”10”>  //文本框

<input type=”password” name=”pwd” size=”15” maxlength=”12”>  //密码框

//单选框

<input type=”radio” name=”sex” value=”male” checked>男

< input type=”radio” name=”sex” value=”female”>女

//复选框

<input type=”checkbox” name=”interest” value=”m1” checked>兴趣1

<input type=”checkbox” name=”interest” value=”m2” checked>兴趣2

<input type=”checkbox” name=”interest” value=”m3” checked>兴趣3

<input type=”hidden”   name=”interest” value=”m0” checked>兴趣0 //隐藏项必提交

//多选列表(若无multiple则单选 若无size则默认为1 则为下拉菜单)

<select name=“interest2” size=3  multiple> //size为行数代表高度如果高度小于项目数则滚动条

       <option value=”m1” selected>兴趣1</option>

       <option value=”m2” selected>兴趣2</option>

       <option value=”m3” selected>兴趣3</option>

</select>

//多行多列文本框     hard为硬换行(截断单词换行) 软换行自动换行

<textarea rows=”12” cols=”80” name=”intro” wrap=”hard”>作为默认内容</textarea>

//按钮

<input type=”submit” value=”提交”>

< input type=”reset” value=”重置”>

< input type=”button” value=”ok”>

</form>

7.框架:在<head>后面,不要写<body>

<frameset rows=”row1, row2, row3,*”cols=”col1, col1, col3,*”>

<frame name=”” src=”1.html” noresize >

< frame name=”” src=”2.html” scroling=””>

...

</frameset>

①可以在主框架中嵌套进行拆分单元框架格 或在2.html中进行划分框架

②在框架内部使用<a href=”url” target=”TargetWindow”>链接t</a> 若TargetWindow为:

Frame name 或 _blank新窗口 或 _self本窗口 或 _parent父窗口或 _top浏览器窗口

同时也可以在<form action=”” target=””>...</form>中使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值