html初级笔记

<body>标签属性
1 Text属性:用于设定整个网页中的文字颜色。
2 link属性:用于设定一版超链接文本的显示颜色。
3 alink属性:用于设定鼠标移动到链接上时,超链接文本的显示颜色。
4 vlink属性:用于设定访问过的超链接文本的显示颜色。
5 background属性:用于设定背景墙纸所用的图象文件,可以是GIF或JEPG文件的绝对或相对路径。
6 bgcolor属性:用于设定背景颜色,当已设定背景墙纸时,这个属性会失去作用,除非墙纸具有透明部分。
7 leftmargin属性:设定网页显示画面与浏览器窗口左边沿的间隙,单位为像素。
8 topmargin属性:设定网页显示画面与浏览器窗口上边沿的间隙,单位为像素。
9 class、name、id、style等属性。

文档类型定义(Document Type Definition DTD)
DTD语法:
    <!DOCTYPE HTML PUBLIC "version name" "url">
1 HTML 指定文档类型
2 PUBLIC 表明所依据的DTD文件可对任何人公开访问,而不是某个公司内部的规范。
3 version name 指定该HTML版本的标识名称。对ISO标准的DTD以ISO开头;被赶紧的非ISO标准的DTD以+开头;未被改进的非ISO标准的DTD以减号开头。
4 url 指定该HTML语言的定义规范文件在Internet上的位置。

注释与特殊字符
1 用<!--注释-->
2 注释不可以包含注释
3 html编码:格式&XXX;。如希望在网页文档上显示出“<html>”或者 “a             b”这样的特殊字符,可以用&lt;html&gt;   a&nbsp;&nbsp;&bsp;&nbsp;&nbsp;
    &lt; : <      &gt; : >      &amp; : &    &quot; : "    &reg; : 圈R    &copy; : 圈C    &trade; : TM     &nbsp; : 空格
4 “&quot; : "”的使用 : 在什么时候使用""和'':为标签加入属性值保持属性连贯性。如XX="A B" XX='A"B' XX="A'B"。同时有""''的属性值的处理方法为:将中间的双引号用字符编码写出。如XX="z'x'&qout;x"。
5 “&amp; : &”的使用 : 在网页上显示“&lt;”则用“&amp;lt;”。

格式标签 <body>内
1 段落 : <p>内容</p> ,属性有 align=right align=left align=center
2 换行 :  <br>内容
3 过长内容不换行 : <nobr>内容</nobr>
4 段落缩进 : <blockquote>内容</blockquote> 可以嵌套,多次缩进。
5 居中显示 : <center>内容</center>
6 移动显示嵌套在其中的图形和文本 : <marquee>文本或图形</marquee> 属性:behavior="slide" "scroll" "alternate"   direction="up" "down" "left" "right"
7 创建列表、创建列表中上层条目,创建列表下层条目:<dl><dt><dd></dd></dt></dl> 
8 创建带数字列表和带·的列表 <ol><li>内容</li></ol>  <ul><li>内容</li></ul>
9 对文本进行预格式化处理(显示出在其中所有的空格和换行) : <pre></pre>

文本标签
1 字号标签由大到小为 :
    <h1>内容</h1>  
    <h2>内容</h2>
        ……
    <h6>内容</h6>
2 字体标签 :
    <b>粗体字文本</b>
    <i>斜体字文本</i>
    <u>下划线文本</u>
    <tt>打字机风格文本</tt>
    <cite>引用方式的文本</cite>
    <em>强调的文本</em>
    <strong>加重的文本</strong>
    <sub>下标</sub>
    <sup>上标</sup>
3字体的名称 大小 颜色
    <font face= size="-7到7" color="颜色"></font>

超链接标签
1 <a href="所要访问的资源的URL">超链接名</a>
    例如<a href="http://www.it315.org/">IT资讯交流网</a>
        <a href="http://www.baidu.com/"><img border=0 src=logo.gif></a>
        <a href="mailto:lijinfei_100@tom.com?subject=咨询">我要留言</a>
2 超链接的target属性
    <a href="http://www.it315.org/" target=_blank>打开链接在新网页</a>  
3 打开超链接后定位name属性
    在定位位置插入<a name="标记1">
    在链接设置<a href="#标记1">跳转到第一部分</a>

URL(Uniform Resource locator统一资源定位符)细节知识
1 URL基本组成 : 协议、主机名、端口号、资源名。
    ·http协议默认端口号为80
    ·URL大小写敏感
2 相对URL地址 :不包括协议和主机地址信息。
3 为URL指定参数
    http://www.it315.org/dealregister.html?name=zhangsan&password=123
    ·URL与参数间用?隔开
    ·参数间用&隔开
4 带有定位标记的URL
    http://www.it315.org/index.html#section2
5 URL编码
    规则:
    ·将空格转换为加号
    ·对0-9,a-z,A-Z之间的字符保持不变
    ·对于所有其他的字符,用这个字符当前字符集编码在内存中的十六进制格式表示,并在每个字节前加上一个百分号。如字符+用%2B表示,字符=用%3D表示,字符—用%26表示,每个中文字符在内存中占两个字节,字符“中”用%D6%D0表示,字符“国”用%B9%FA表示。
    ·对空格也可以直接使用其十六进制编码方式,即用%20表示,而不是将它转换成加号。
    ·如果确信URL串的特殊字符没有引起使用上的歧义或冲突,你可以不对这些字符进行编码,而是直接传递给服务器,如
        http://www.it315.org/dealregister.html?name=中国&password=123
6 mailto URL
    mailto:zxx@it315.org?subect=Feedback&body=how%20are%20you!
    ·%20代表空格

图象标签<img>
1 src属性 : 图象的相对路径或绝对路径
    <img src="MyPhoto.gif">
2 alt属性 : 当鼠标移动到图象上时,图象上显示的提示文本。当图象无法加载时,也将显示此内容
3 align属性 : 指定了图象与它周围的文本的对齐方式
4 border属性 : 指定了图象的边框的宽度(单位为象素)
5 width height属性 : 图象的显示宽度和高度(单位为象素)如果未指定此属性,图象将以原始大小显示在窗口中。
水平线标签<hr>
1 size属性 : 设置水平线粗细
2 color属性 : 设置水平线颜色
3 noshade属性 : 无值 说明有无阴影
4 width属性 : 水平线的宽度
图象地图
1 图象超链接
    ·格式 : <a href="url"><img src="url"></a>
2 图象地图 : 把一个图象分成多个区域,每个区域指向不同的URL地址。
    例如,将一幅中国地图的图象按省市划分成若干区域,这些区域被称为热点,单击热点区域,就可以链接到与相应省市有关的页面。
3 怎样产生图象地图
    ·热点映射 : 首先必须定义图象上的各热点地区的形状、位置、坐标及其URL地址等信息,这个过程叫图象热点影射。使用<map name=mapname></map>标签进行说明,其中的name属性为该图象热点映射指定了一个名称。
    ·热点映射区域<area> : 格式为<area shape="形状" coords="坐标" href="url">。href部分也可以用nohref替换,表示在该区域单击鼠标无效。<area>标签还可以有一个target属性,用来指明浏览器在哪个窗口或帧中显示href属性所指向的网页资源。
    ·定义好了图象热点影射后,接着就要在<img>图象标签中增加一个名为usemap的属性设置,usemap属性指定该图象被用作图象地图,其设置值为所使用的图象热点映射名称,格式为 : 在<map>标签的name属性设置值前多加一个#字符。
    例如
   
    ·shape 属性设置
        a)rect 定义一个矩形区域,coords属性设置值为矩形的左上角、右下角的坐标,各个坐标值之间用逗号分开;
        b)poly 定义一个多边形区域,coords属性设置值为多边型各个顶点的坐标值
        c)circle 定义一个圆形区域,coord属性设置为圆心坐标及半径,前两个参数分别为圆心的横纵坐标、第三个参数为半径。

不提示安装控键<!-- saved from url=(0013)about:internet -->

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值