HTML笔记

最新推荐文章于 2022-03-08 08:04:56 发布

指尖上的行者

最新推荐文章于 2022-03-08 08:04:56 发布

阅读量739

点赞数

分类专栏： HTML 文章标签： html 浏览器 iframe url border transition

本文链接：https://blog.csdn.net/zlb824/article/details/7393075

版权

HTML 专栏收录该内容

12 篇文章 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>中