关闭

HTML笔记

533人阅读 评论(0) 收藏 举报

HTML语言基础

<marquee behavior="alternate">水平左右移动</marquee>


IETF:制定了HTML标签
W3C:制定规范


文档类型定义,Document Type Definition,DTD
DTD语法:<!DOCTYPE HTML PUBLIC "version name" "url">共五个部分


什么情况下使用&qout表示双引号
<body class="'z'x&qout;x"></body>


<nobr/>:如果内容过长是否进行自动换行
<blockquote/>:缩进显示
<dl/><dt/><dd/>:列表显示
<ol><ul><li>:带有标示的列表
<pre>:使源码中的格式生效


<sub>:下标;<sup>:上标
<tt>:以打印的风格显示字体
<em>:显示需要强调的文本
<cite>:引用方式显示文本
<strong>:加重方式显示文本


URL的基本组成:协议、主机名、端口号、资源名
mailto的URL:
mailto:zhoulingbin@163.com?subect=Feedback&body=how%20are%20you!(%20代表空格)


图像地图:
1、首先必须定义出图像上各个热点区域的形状、位置坐标、及其指向的URL地址等信息,这个过程叫做图像热点映射。图像热点映射需要使用<map name=mapname></map>标签对进行说明,其中的name属性为该图像热点映射指定了一个名称。
2、图像热点映射中各个区域用<area>标签说明,<area>标签的格式为:<area shape="形状" coords="坐标" href="url">.href部分也可以用nohref替换,表示在该区域单击鼠标无效。<area>标签还可以有一个target属性,用来指明浏览器在哪个窗口或帧中显示href属性所指向的网页资源。
3、定义好了图像热点映射后,接着就要在<img>图像标签中增加一个名为usemap的属性设置,usemap属性指定该图像被用作图像地图,其设置为所使用的图像热点映射名称,格式为:在<map>标签的name属性设置值钱多加一个"#"字符。例如,<img src="china.jpg" usemap="#mymap">
如:
<img src="logo.gif" border="0" usemap="#mymap">
<map name="mymap">
<area shape="rect" coords="0,0,50,50" href="a.html">
<area shape="rect" coords="50,0,100,50" href="b.html">
<area shape="rect" coords="100,0,150,50" href="c.html">
</map>
shape属性的设置说明:
1、rect定义一个矩形区域,coords属性设置值为矩形的左上角、右下角的坐标,各个坐标值之间用都好分开;
2、poly定义一个多边形区域,coords属性设置值为多边形各顶点的坐标值;
3、circle定义一个圆形区域,coords属性设置值为圆心坐标及半径,前两个参数分别为圆心的横、纵坐标,第三个参数为半径。
例子:
<img src="logo.gif" border="0" usemap="#mymap">
<map name="mymap">
<area shape="rect" coords="0,0,50,50" href="a.html">
<area shape="poly" coords="100,100,180,180,200,140" href="b.html">
<area shape="circle" coords="80,150,50" href="c.html">
</map>


HTML高级部分

<table>标签的属性:
bgcolor、border、bordercolor、bordercolorlight、bordercolordark、cellspacing、cellpadding、width、height
<tr>标签的属性:align、valign、bgcolor
<td>标签的属性:align、valign、colspan、rowspan
<th>标签与<td>完全相同
<caption>:描述表格的信息


分帧的作用:将一个浏览器文档窗口分割成多个窗口
<frameset>标签的属性:
rows/cols/border/frameborder
<frame>帧窗口标签的属性:
src/name/scrolling/noresize
<noframes>标签:当浏览器不支持框架时执行
<iframe>标签:不需要放在<frameset>标签中,用户在HTML放入一个帧,与frame的作用类似,如:
<a href="http://www.baidu.com" target="iframe1">baidu</a>
<iframe name="iframe1"></iframe>
表示当点击“baidu”时,在iframe帧中就会显示百度的主页


<form>标签中设置编码格式的属性为:
enctype:它表示指示浏览器使用哪种编码方法将表单数据传送给WWW服务器。该属性可以有两种取值:application/x-www-form-urlencoded和multipart/form-data,默认值为前者。此属性一般当上传文件时才修改为后者。并且,method的属性一定要为POST.


<label>标签:
用户生成快捷键,如:
<form>
<label for="usr" accesskey="a">用户名(<u>a</u>):</label>
<input type="text" name=user id="usr"><br>
<label for="pas" accesskey="b">用户名(<u>b</u>):</label>
<input type="text" name=user id="pas"><br>
以上表示当按下“ALT+A”时,则用户名获取焦点;如果按下“ALT+B”时,则密码获取焦点


头元素:指位于<head></head>标签对之间的元素
<base>标签:用于指定网页中的超链接的基准地址,以改变网页中所有使用相对地址的URL的基准地址,使用的形式如下:
<base href="http://www.baidu.com/zlb/" target="_blank">
第一个参数href中的值表示该网页中所有使用HTTP协议的相对URL地址的基准地址,如网页中有这么一个链接,<a href="index.html"></a>,则在执行的之后,它会将这个URL转换为http://www.baidu.com/zlb/index.html之后再去执行。
第二个参数target表示的是设定该网页中所有的超链接显示的目标窗口,这样就省略了在所有的<a>
标签中再加上target属性。


<meta>标签:
有两种类型,用不同的属性名来划分,分别为:
name和http-equiv
1、name属性用于在网页中加入一些关于网页的描述信息,例如,网页的关键字(可供网页搜索引擎机器人查找、分类)、网页的描述信息等,设置如下:
a、Keywords:设置此网页的关键字,便于搜索引擎搜索,若有多个关键字,则用逗号隔开,如:
<meta name="keywords" content="java,c++">
b、Description
c、Robots
设置值:index、noindex、follow、nofollow、all、none
d、Generator
e、Author
f、Copyright:版权声明


2、http-equiv属性用于在HTML文档中模拟HTTP协议的响应消息头,例如,告诉浏览器是否缓存该网页、使用什么样的字符集来显示网页内容、隔多长时间自动刷新网页等等。设置如下:
a、Content-Type,查看网页内容的编码格式,如:
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
b、Refresh,告诉浏览器根据指定的时间自动刷新该网页,或者是跳转到指定的页面,如:
<meta http-equiv="Refresh" content="1,url=http://www.baidu.com">
c、Expires,如:
<meta http-equiv="Expires" content="Mon,12 May 2011 00:20:00 GMT">,若将content设置为0,可以禁止浏览器使用缓存页面
d、Windows-Target,如:
要防止自己的网页被别人当做一个frame页面调用,可以使用<meta http-equiv="Windows-Target" content="_top">
e、Pragma,用户阻止浏览器缓存该页面,如:
<meta http-equiv="Prama" content="no-cache">或者
<meta http-equiv="Cache-Control" content="no-cache">
f、Page-Enter和Page-Exit,用于页面进入或退出时所显示的效果,如:
<meta http-equiv="Page-Enter" content="revealTrans(Transition=23,Duration=1.000)">revealTrans中的参数:1、代表的是第几个样式;2、代表的是样式所显示的时间,单位为S。不过,一般情况下,只写这一句话的浏览器是看不到效果的。


<div>标签不能嵌套在段落元素<p>中

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:212702次
    • 积分:4002
    • 等级:
    • 排名:第8296名
    • 原创:114篇
    • 转载:143篇
    • 译文:0篇
    • 评论:32条
    文章分类
    最新评论