A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

© 仙兒哥 中级黑马   /  2013-4-10 02:41  /  1393 人查看  /  3 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

二.HTML标记
一.标记
HTML标记简单易用。他们出现在尖括号< >之间。   
<标记>开始  </标记>结束。
例:<title>要使用标记的信息</title>
注意:下面的这种标记在某些浏览器中可能不起作用
  <TITLE >这里是错误的标题</TITLE>
<TITLE>这里是正确的标题</TITLE>
二.<HTML>标记
    <HTML>标记表示文档是一个HTML文档。
<HTML>
  内容……
</HTML>
三.<HEAD>标记
    <HEAD>标记指定HTML的头部信息。不是所有浏览器都需要这个标记,但大多数浏览器希望在<HEAD>中找到关于文档的任何可用信息。此标记一般用来制定搜索引擎。
    注意:搜索引擎一般不要超过256个字符。如实在需要可以在写一个。
    例子:
<HTML>
  <HEAD>
<meta content="电脑学校,编程,顺时针,哈尔滨,C++,C#,JAVA,ASP,网页制作,学电脑,程序,计算机,学校,黑龙江,软件,PHOTOSHOP,电脑游戏,三维动画,平面设计,平面广告,硬件,网络工程,数据库,开发,北大青鸟,新东方,育林,认证,IT,培训,SUN,微软,手机,.NET,编程,招聘,招生,学习,培训,教育,3DMAX,MAYA,PAGEMAKER,HTML,大学,学习"name="Keywords">
</HEAD>
</HTML>
四.<TITLE>标记
    <TITLE>用来指定文档的标题。内容要简单扼要。此标记在<HEAD>标记当中使用。
   例子:
   <HTML>
     <HEAD>
      <TITLE>欢迎来到IBM顺时针电脑学校!</TITLE>
     </HEAD>
   </HTML>
   五.<BODY>标记
      1. <BODY>标记包含所有标记,属性和出现在访问者浏览器中的信息。
    <HTML>
     <HEAD>
      <TITLE>欢迎来到IBM顺时针电脑学校!</TITLE>
     </HEAD>
     <BODY>
      出现在浏览器中的所有信息……
      </BODY>
   </HTML>
2. <BODY>标记中的属性
   1) link: 未访问连接的颜色。
   2)vlink: 访问过的连接颜色。
    3) alink: 激活时连接的颜色。
    4)text: 设置正文字体的颜色。
    5)bgcolor: 设置背景颜色。
    6)background: 设置背景图片(要路径)。
   3.路径
    1) 绝对路径:准确的地址。
    2)相对路径:相对于当前位置的路径。
     例:绝对路径:D:\JAVA\eclipse3.2\eclipse.exe
        相对路径:a) 同级目录:hello.jpg
                   b) 上级目录:../hello.jpg
                   c) 下级目录:/123/456/789/hello.jpg
六.<H1>标题标记  
   <H1>标记一般用来做标题,分为6个等级。
   <H1>是最大的标题<H6>是最小的标题
    例: <H1>标题 1</H1>
        <H2>标题 2</H2>
        <H3>标题 3</H3>
        <H4>标题 4</H4>
        <H5>标题 5</H5>
        <H6>标题 6</H6>                   
七.<P>段落标记
  1. <P>段落标记:通常用于常规正文体。段落标记可以不需要</p>,是单标记。但尽量用</p>方便我们阅读代码。
    双标记:必须成对出现  例:<head>……</head>
    单标记:可以不用结束  例:<p>……
  2.段落对齐属性:
    Align:左对齐(lift 默认)  右对齐(right)  居中对齐(center)
center可以在<body>中单独使用。
例:<p>
     这里是一个段落……
    </p>
    <p align="center">
     这里是一个段落……
  </p>

3 个回复

倒序浏览
八.<BR>换行标记
HTML文件把超过一个的连续空格看作一个空格字符。这表示即使键入多个连续的空格,浏览器也只是显示一个空格。
   1.<br>换行
     例:<p align="left">段落1</p>  
<palign="left">段落2</p>
<p align="center">段落1</p><br>
<p align="center">段落2</p><br>
2.<B>字体加粗
3.<I>字体倾斜
4.<S>文本加除线
5.<U>使用下划线
6.<SUB>文本下标
<SUP>文本上标
例:   这里是正常字体!<br>
    <b>这里是加粗字体!</b><br>
    <s>这里加除线!</s><br>
    <u>这里使用下划线!</u><br>
    <i>这里是倾斜字体!</i><br>
    <sub>这里是下标!</sub><br>
    <sup>这里是上标!</sup><br>
九.列表标记
1.无序列表<UL>
   <UL>
     <LI>软件工程师</LI>
     <LI>C++语言</LI>
     <LI>JAVA语言</LI>
     <LI>C#语言</LI>
     <LI>平面设计</LI>
     <LI>游戏开发</LI>
   </UL>
2.有序列表<OL>
   <OL>
     <LI>软件工程师</LI>
     <LI>C++语言</LI>
     <LI>JAVA语言</LI>
     <LI>C#语言</LI>
     <LI>平面设计</LI>
     <LI>游戏开发</LI>
   </OL>
十.水平线标记<HR>
水平线的属性:
Size:指定水平线的尺寸。
Width:指定水平线的宽度。以象素为标准。
Width=N%:以百分比指定水平线的宽度。
Align=left:左对齐。
Align=right:右对齐。
Align=center:居中对齐(默认)。
Noshade:水平线不加阴影。
十一. 字体标记<FONT>
      字体标记<FONT>:可以用来为文档提供字体特性。例如颜色,大小,字型等。
      <FONT>的属性:
        Size:指定字体大小,范围1-7,默认为3 。
        Color: 指定字体的颜色(#RGB颜色)。
        Face: 指定字型。
十二. 超链接<A>
超链接<a>可以通过面页提供的链接移动到另一个WEB页面。超链接把HTML文档连接起来构成一个统一的网站,也帮助把文档连接到Internet上的其他网站。
超链接<a>的属性:
Href: 指定连接的路径。
例:<a >进入学校</a>
Href还可以连接本地机器,在href中指定相对或绝对路径即可。
Href 连接邮箱:
例:<a href="mailto:123@163.com">进入邮箱</a>
十三. 特殊符号
      HTML提供一些符号他们不被看作标记,这些符号称为实体引用。他们以&
      符号开始,以分号 ; 结束。
   
符号
  
实体引用
  
&quot;
&
&amp;
空格
&nbsp;
<
&lt;
>
&gt;
*
&times;
/
&divide;
A
&alpha;
B
&beta;
E
&epsilon;
H
&eta;
I
&iota;
十四.图片<IMG>
<img>用于插入图片。
例:<a ><img src="1.jsp" alt="进入学校"/></a>
Alt:鼠标移动到图片显示提示。
Align:图像对齐。
Border:边框。
Src:路径。

回复 使用道具 举报
亲,资源分享是好事,给你个个人建议,自己开个帖子,把自己的一类东西都记录在一个帖子当中,而不发表这么多帖子占用篇幅,好不{:soso_e154:}
回复 使用道具 举报
陈中岩 发表于 2013-4-10 07:58
亲,资源分享是好事,给你个个人建议,自己开个帖子,把自己的一类东西都记录在一个帖子当中,而不发表这么 ...

额.........  第一次玩论坛 才发下回复也可以当发布的地方
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马