精华内容
下载资源
问答
  • 第二章 HTML常用标记第二章 HTML常用标记第二章 HTML常用标记第二章 HTML常用标记第二章 HTML常用标记第二章 HTML常用标记第二章 HTML常用标记第二章 HTML常用标记第二章 HTML常用标记第二章 HTML常用标记第二章 ...
  • HTML常用标记: 1.文档结构标记 (1)文档标记:<HTML>…</HTML> (2)头部标记:<HEAD>…</HEAD> (3)标题标记:<TITLE>…</TITLE> (4)主体标记:<BODY>…</BODY&...

    前端:
    1.HTML
    2.CSS
    3.JavaScript(JS)动态

    URL:统一资源定位符

    HTML常用标记:

    1.文档结构标记
    (1)文档标记:<HTML>…</HTML>
    (2)头部标记:<HEAD>…</HEAD>
    (3)标题标记:<TITLE>…</TITLE>
    (4)主体标记:<BODY>…</BODY>

    2.格式标记
    (1)段落标记:<p>…</p>
    (2)换行标记:<br>
    (3)两边缩进标记:<blockquote>…</blockquote>
    (4)项目列表标记:<dl></dl>、<dt>、<dd>
    (5)有/无序号列表标记:<ol></ol>、<ul></ul>、<li>
    (6)区隔标记:<div></div>

    3.文本标记
    (1)标题标记:<hn></hn> (n的范围为1~6)
    (2)字体标记:<b></b>、<i></i>、<u></u>
    (3)斜体和加重标记:<em></em>、<strong></strong>
    (4)字型标记:<font></font>

    4. 链接标记
    (1)<a href="目标地址">…</a>
    (2)锚点链接:<a name="标签名"></a>

    5.图像标记和多媒体标记
    (1)图像标记:<img src="图像文件存储位置与名称">
    (2)多媒体标记:①设置音乐和影像文件的超链接。
    ②利用<embed>标记,直接将音乐或影像嵌入网页。
    ③利用<bgsound>标记,播放背景音乐。

    6. 表格标记
    (1)HTML中表格的创建:
    <table></table>标记
    <tr></tr>标记
    <td></td>标记
    <th></th>标记
    (2)嵌套表格:可以在表格的单元格中创建新的表格。

    7. 表单标记
    (1)表单标记:<form></form>
    (2)表单元素标记:
    <input>
    <select></select>
    <textarea></textarea>

    8.其他常用标记
    (1)空格标记:&nbsp;
    (2)原样排版标记:<pre></pre>
    (3)元标记:<meta>
    (4)水平线标记:<hr>
    (5)滚动文本标记:<marquee>

    展开全文
  • html标记语言常用标记大全.pdf
  • html常用标记手册.pdf

    2021-10-18 08:11:33
    html常用标记手册.pdf
  • HTML常用标记 一 HTML 文档结构 html 件标题 title /title 2. 文件更新 --meta 1 10 秒后自动更新一次 meta http-equiv="refresh"content=10 2 10 秒后自动连结到另一文件 meta ...
  • Html常用标记总结

    千次阅读 2017-12-02 20:43:51
    WhatHTML,超文本标记语言,标准通用标记语言。“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:body),其中...

    今天下午看了孙鑫老师讲的关于Html的视频,下面我来小小的总结一下自己所学到的内容。


    What

    HTML,超文本标记语言,标准通用标记语言。“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。
    超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

    Web页面绝大多数都是由html所编写的。


    一、与段落控制相关的标签

    <p align="#">
    表示paragraph。作用:创建一个段,属性align表示段的对齐方式,#可以是left、center、right、justify
    
    
    ----------
    <br>
    表示line break.作用:换行
    
    
    ----------
    <hr color="clr">
    表示horizontal rule.作用:插入一条水平线,属性color用来指定线的颜色,clr可以是预定义的颜色的名字,例如:red、blue、green、black等,或者以16进制数表示颜色值,cir=#rrggbb,例如:#fff0000表示红色,#00ff00表示绿色等。
    

    二、与文本显示相关的标签

    
     1. <center>...</center>
        使文本居中显示
     2. <hn align="#">...</hn>
        用于指出文档中的标题,n是从16的整数,1表示最大标题,6表示最小标题,属性align用于设置标题对齐的方式,#可以是left、center、right.
     3. <font size=n color="clr">...</font>
        用于设置字体,属性Size表示字体的大小,n可以是从17的整数,数字越大,字体越大;属性color表示字体的颜色,clr可以是预定义的颜色名字,或者以16进制表示的颜色值。
     4. <b>...</b>
        使文字成为粗体
     5. <i>...</i>
        使文本成为斜体
    
    

    如何输入特殊字符

    • 在HTML文档中,像不间断空格,回车等符号,HTML保留的字符(例如:‘<’,表示一个标记的开始),一些在键盘中不存在的特殊字符,例如:版权符号,都需要通过引用的方式才能输入。在HTML中有两种引用类型:字符引用和实体引用。
    • 字符引用和实体引用都是以一个和号(&)开始并以一个分号(;)结束。如果是字符引用,需要在和号(&)之后加上一个井号(#),之后是所需字符的十进制代码或十六进制代码,如果用的是实体引用,在和号(&)之后写上字符的助记符。
    • 常用的字符实体
      这里写图片描述

    总结:

    以上的内容是关于html常用标记,其中有关于段落控制、文本显示、如何输入特殊符号以及常用字符实体的小小总结。

    展开全文
  • HTML文档的常用标记

    万次阅读 多人点赞 2015-07-20 15:14:40
    一.HTML文档中常用的标记有文字标记、段落标记、列表标记、超链接标记、图像标记、表格标记、框架标记和多媒体标记,下面对这些常用标记进行介绍: 1.文字标记:文字是网页重要的组成部分之一,通过使用标题标记...

    一.HTML文档中常用的标记有文字标记、段落标记、列表标记、超链接标记、图像标记、表格标记、框架标记和多媒体标记,下面对这些常用标记进行介绍:

    1.文字标记:文字是网页重要的组成部分之一,通过使用标题标记、文字格式标记和文字样式标记来改变枯燥乏味的文字,可以使浏览者更有效的浏览网页。下面对标题标记、文字格式标记和文字样式标记进行介绍:

    1.1.标题标记<hn>...</hn>:

    (1).在浏览网页时常常看到一些标题文字,用来划分各个章节,在HTML文档中可以使用标题标记来指明页面上的标题。标题标记包含6种标记,分别表示6个级别的标题,每一级别的字体大小都有明显的区分,从1~6以递减的形式表示,1级标题的字号为最大,6级标题的字号为最小。语法格式如下:

    <h1>标题1</h1>
    <h2>标题2</h2>
    ......

    (2).接下来附上一个标题标记的例子,使用标题标记来显示不同级别的标题,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>标题标记示例</title>
    </head>
    
    <body>
    <h1>学习JavaScript</h1>
    <h2>学习JavaScript</h2>
    <h3>学习JavaScript</h3>
    <h4>学习JavaScript</h4>
    <h5>学习JavaScript</h5>
    <h6>学习JavaScript</h6>
    </body>
    </html>
    

    运行效果就不附上来了,自己实践看效果。

    (3).默认情况下,所有浏览器对标题都采用左对齐方式,但可以使用对齐属性align,使标题右对齐或者居中,把上述主体部分的代码改为如下代码:

    <body>
    <h1 align="center">学习JavaScript</h1>
    <h2 align="left">学习JavaScript</h2>
    <h3 align="right">学习JavaScript</h3>
    </body>

    观察效果,居中对齐设置align属性值为center,右对齐设置align属性值为right。

     

    1.2.文字格式标记<font>...</font>:

    (1).在网页中普通文字信息是必不可少的,为了使页面效果变得更加美观,可以使用文字格式标记改变枯燥的文字信息。文字格式标记用于设置文字大小、字体效果和文字颜色,其常用属性如下所示:

    — size属性:此属性用来设置文字的字号,文字的字号可以设置为1~7,也可以设置为+1~+7或者是-1~-7,默认文字大小为3号。

    — face属性:此属性用来设置文本的字体效果,可以设置一个或多个字体名称,使用多个字体的情况下,默认使用第一个字体,如果第一种字体不存在,则使用第二种字体,以此类推,如果设置的多个字体都不存在将使用默认字体,中文默认为宋体,英文默认为Times New Roman。

    — color属性:此属性用来设置文字的颜色,其值可以设置为颜色的名称,即红色可设置为red,也可以设置为十六进制的颜色代码,即#FFFFCC,默认值为黑色。

    (2).这里附上一个例子,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    
    <body>
    <font size="+4" face="MS Serif, New York, serif" color="blue">I love you</font>
    <br>
    <font size="-1" face="华文琥珀" color="#FFCCFF">爱HTML</font>
    </body>
    </html>
    

    自己实践,观察效果。


    1.3.文字样式标记: 

    (1).在浏览页面时,常常可以看到页面中会出现一些特殊样式的文字,例如粗体字、斜体字、带删除线的文字等。这些样式可以使用HTML文档提供一些文字样式标记来实现。常用的文字样式标记及说明如下:

    — <b>...</b>样式标记、<strong>...</strong>样式标记:设置文字为粗体字样式。

    — <i>...</i>样式标记、<em>...</em>样式标记:设置文字为斜体字样式。

    — <u>...</u>样式标记:设置为带下划线的文字。

    — <sup>...</sup>样式标记:设置文字为上标样式。

    — <sub>...</sub>样式标记:设置文字为下标样式。

    — <s>...</s>样式标记、<strike>...</strike>样式标记:将文字添加删除线。

    (2).接下来附上一个例子,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>文字样式标记应用</title>
    </head>
    
    <body>
    <b>粗体字样式</b>
    <strong>粗体字样式</strong><p>
    <i>斜体样式</i>
    <em>斜体样式</em><p>
    <u>下划线样式</u>
    x<sup>2</sup>
    log<sub>10</sub>100<p>
    <s>删除线样式</s>
    <strike>删除线样式</strike>
    </body>
    </html>
    

    运行后,效果如下:

     


    2.段落标记:为了使网页中的文字更有条理地显示出来,可以使用HTML文档中的段落标记和换行标记来使文字段落更加分明规范。下面对段落标记和换行标记进行介绍:

    2.1.段落标记<p>:

    (1).在普通的文本编辑器中,每输入完一段文字后,可以使用回车键生成一个新的段落,在HTML文档中可以使用段落标记<p>来实现。段落标记可以没有结束标记</p>。

    (2).也可以采用除<p>以外的其他段落标记,以达到不同级别格式的效果,其他段落标记如下:

    — <addess>段落标记:用于地址和联系信息,通常显示为斜体字。

    — <blockquote>段落标记:用于表示引用文本,通常两边缩排,行间距比普通段落较小。

    — <pre>段落标记:用于排版程序代码之类的信息,通常用定宽字体,字间和行间有足够的间隔。

    在以上段落中也可以使用对其属性align。

    (3).接下来附上段落标记的例子,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>应用几种段落标记</title>
    </head>
    
    <body>
    <h2 align="center">Java语言</h2>
    <p align="center">Java程序设计,Hello类</p>
    <pre>
    public class Hello{
    	public static void main(String[] args){
        	System.out.println("Hello World");
        }
    }
    </pre>
    <blockquote>走自己的路,让别人说去吧!</blockquote>
    <address>
    地址:广东省东莞市某学校
    </address>
    </body>
    </html>
    

    运行效果如下:

     


    2.2.换行标记<br>:

    (1).在页面中一行文字达到一定长度浏览器会自动换行,如果文字未达到一定长度可以使用换行标记<br>对其强制换行。换行标记可以没有结束标记</br>。其中也可以用<br/>标记,和<br>是一样的。

    (2).接下来附上一个例子,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>换行标记</title>
    </head>
    
    <body>
    走自己的路,让别人说去吧!<br>走别人的路,让别人无处可走!<br/>让暴风雨来得更猛烈些吧!
    </body>
    </html>
    



    3.列表标记:列表是比较常用的数据排列形式,对比较复杂的数据通过使用列表,可以使数据变得更加清晰。下面介绍在网页中的两种列表标记,无序列表标记和有序列表标记。

    3.1.无序列表标记<ul>...</ul>:

    (1).无序列表标记用于提供一中不需要编号的列表形式。在每一项目文字前,以符号作为每项的表示。其语法格式如下:

    <ul>
    <li>第一项
    <li>第二项
    <li>第三项
    ......
    </ul>
    其中<ul></ul>标记表示一个无序列表的开始标记和结束标记,<li>表示一个项目的开始。<ul>标记常用属性为type,此属性表示无序列表的项目符号样式,其属性值如下:

    — disc:实心圆点,为无序列表标记的默认值。

    — circle:空心圆点。

    — square:实心正方形块。

    (2).接下来附上例子,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无序列表标记的例子</title>
    </head>
    
    <body>
    <h3>学校课程</h3>
    <ul>
    <li>C语言程序设计</li>
    <li>Java程序设计</li>
    </ul>
    <h3>编程语言</h3>
    <ul type="square">
    <li>C语言</li>
    <li>Java语言</li>
    <li>HTML超文本标记语言</li>
    <li>JavaScript脚本语言</li>
    </ul>
    <h3>图书种类</h3>
    <ul type="circle">
    <li>计算机类</li>
    <li>教材类</li>
    <li>杂志类</li>
    <li>文学类</li>
    </ul>
    </body>
    </html>
    

    运行效果如下:

     


    3.2.有序列表标记<ol>...</ol>:

    (1).有序列表标记将各个列表项使用编号而不是用符号来表示,在有序列表中的项目通常都是有先后顺序的,一般采用的是以数字或字母为顺序号。其语法格式如下:

    <ol>
    <li>第一项
    <li>第二项
    <li>第三项
    ......
    </ol>

    其中<ol></ol>标记表示一个有序列表的开始标记和结束标记,<li>表示一个项目的开始。<ol>标记常用start属性和type属性。start属性用来设置列表项的起始值,其属性值为整数。当然也可以输入负整数,但只对数字项起作用,默认从1开始。type属性用来设置列表项的序号样式,其属性值如下:

    — 1:数字1、2、3...

    — a:小写英文字母a、b、c...

    — A:大写英文字母A、B、C...

    — i:小写罗马数字i、ii、iii...

    — I:大写罗马数字I、II、III...

    (2).接下来附上一个例子,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>有序列表标记例子</title>
    </head>
    
    <body>
    <ol start="1" type="a">
    <li>计算机类</li>
    <li>教材类</li>
    <li>杂志类</li>
    <li>文学类</li>
    </ol>
    </body>
    </html>
    

    运行效果如下:

     


    把上述主体部分代码改为如下:

    <body>
    <ol start="2" type="1">
    <li>计算机类</li>
    <li>教材类</li>
    <li>杂志类</li>
    <li>文学类</li>
    </ol>
    </body>

    运行后如下:

     



    4.超链接标记:

    4.1.在HTML文档中<a>...</a>被称为超链接标记,此标记是网页页面中最重要的元素之一。一个网站是由多个页面组成的,页面之间根据超链接确定相互的导航关系。单击网页上的链接文字或者图像后,就可以跳转到另一个网页。

    (1).超链接标记常用的属性以及说明为:

    — href属性:指定链接路径,当设置为“#”时表示一个空链接。

    — name属性:链接的名称,常用于书签链接。

    — title属性:链接的提示文字。

    — target属性:指定链接的目标窗口打开方式,共有4个属性值,_parent表示在上一级窗口中打开,一般使用框架页时经常使用、_blank表示在新窗口中打开、_new表示在新窗口中打开、_self表示在同一窗口中打开、_top表示在浏览器的整个窗口中打开,忽略任何框架。

    — accesskey属性:超链接热键。

    (2).直接新建一个html文件,主要代码如下:

    <a href="kind.html" target="_blank">hh</a>

    然后自己尝试target属性值的变化,看下区别。



    5.图像标记:

    5.1. 如果希望网页达到美观吸引浏览者的效果,使用图片是不可缺少的。在HTML文档中可以使用<img>图像标记将图片插入到网页中,也可以使用<img/>图像标记。

    (1).下面来介绍一下图像标记常用的属性及说明:

    — src属性:此属性用来设置图像文件所在的路径,此路径可以是相对路径也可以是绝对路径。

    — height属性:此属性用来设置图像的高度,单位是像素(设置图像高度其宽度会等比例进行调整),也可以是浏览器的百分比数。

    — width属性:此属性用来设置图像的宽度,单位是像素,也可以是浏览器的百分比数。

    — border属性:此属性用来设置图像边框的宽度,单位为像素,默认为无边框。

    — hspace属性:此属性用来设置两个图像之间的水平间距,单位是像素。

    — vspace属性:此属性用来设置两个图像之间的垂直间距,单位是像素。

    — align属性:此属性用来设置图像的对齐方式。

    — alt属性:此属性用来设置提示文字,当浏览器没有加载上图像或加载图像后鼠标悬停在图片上方时,将显示出提示文字。

    (2).接下来附上一个例子,在网页上插入一张图片logo1.jpg,此张图片放在站点里的images文件夹下,并将宽度高度属性设置为100%,将提示文字设置为“星光灿烂”,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>在网页上插入一张图片</title>
    </head>
    
    <body>
    <img src="images/logo1.jpg" width="100%" height="100%" align="left" alt="爱着你的心">
    </body>
    </html>
    

    自己试下吧!



    6.表格标记:

    6.1.在HTML文档中通常使用三个标记来构成表格,分别为表格标记、行标记和单元格标记。创建一个表格的语法格式如下:

    <table>
        <caption>表格标题内容</caption>
          <tr>
         	<th>表头内容</th>
         	<th>表头内容</th>
         	…
          </tr>    
          <tr>
         	<td>单元格内容</td>
         	<td>单元格内容</td>
         	......
        </tr>
    <table>
    (1).表格标记<table>...</table>:

     — <table>标记表示一个表格的开始位置,</table>表示一个表格的结束位置。表格标记的常用属性及说明为:

    width属性:设置表格的宽度,默认表格的宽度与表格内文字的宽度相关,其属性值可以是像素,也可以是浏览器的百分比数。

    height属性:设置表格的高度,其设置方法与设置表格的宽度相同。

    align属性:设置表格在网页中的位置。

    border属性:设置表格边框的宽度,单位为像素,需要注意的是只有设置其属性大于0时才可以显示出表格的宽度。

    bordercolor属性:设置表格边框的颜色,但前提是必须保证表格边框值大于0。

    cellspace属性:设置表格内框的宽度,表格内框的宽度指的是单元格与单元格之间的宽度。

    cellpadding属性:设置表格内文字与边框的距离。

    bgcolor属性:设置表格的背景颜色。

    background:设置表格的背景图像。

    (2).表格标题标记<caption>...</caption>:

    — <caption>...</caption>标记用来设置一种比较特殊的单元格”标题单元格“。标题单元格位于整个表格的第一行位置,起到为表格显示标题的作用。

    (3).表格表头标记<th>...</th>:

    — 在表格中还有一种特殊的单元格,此单元格为”表头“,表格的表头一般位于第一行的第一列位置,用来说明这一行内容的类别。表头中的内容是加粗显示的。

    (4)行标记<tr>...</tr>:

    — 行标记用来设置表格中的行,在表格中包含几组行标记,就表示此表格为几行。行标记常用的属性及说明如下:

    width属性:设置行的宽度,此属性只对设置的当前行有效。

    height属性:设置行的高度。

    bordercolor属性:设置该行的边框颜色。

    bgcolor属性:设置该行的背景颜色。

    background属性:设置该行的背景图像。

    align属性:设置该行文字的水平对齐方式。

    valign属性:设置该行的垂直对齐方式。

    (5).单元格标记<td>...</td>:

    — 单元格标记用来表示每一行中有几个单元格。此标记的部分属性和行标记类似,这里将介绍colspan属性和rowspan属性。

    colspan属性:在表格中有时需要将一行中的几行单元格合并成为一个单元格,此时可以使用colspan属性来实现,此属性值为正整数表示需要合并单元格的个数。

    rowspan属性:此属性用来合并表格的行,此属性值为正整数表示需要合并行的个数。

    (6).接下来附上一个例子:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>表格标记的例子</title>
    </head>
    
    <body>
    <!-- 表格宽度为418,边框宽为2,居中对齐,单元格间距为10,边距6,背景颜色为#3399FF,亮边框色为#CC
    6600-->
    <table width="418" border="2" align="center" cellspacing="6" cellpadding="10" bordercolor="#3399FF" bordercolorlight="#CC6600">
    <tr>
    <th height="35" colspan="3" scope="col">Java程序设计</th>
    </tr>
    <tr>
    <td width="20%" rowspan="3"><img src="images/logo1.jpg" width="84" height="114"/></td>
    <td width="30%" height="25" valign="middle" bgcolor="#D8E1F8">面向对象的三大特性:</td>
    <td width="46%" height="25" valign="middle">继承、封装、多态</td>
    </tr>
    <tr>
    <td height="25" valign="middle" bgcolor="#D8E1F8">Java书籍:</td>
    <td height="25" valign="middle">疯狂Java讲义</td>
    </tr>
    <tr>
    <td height="25" valign="middle" bgcolor="#D8E1F8">Java电子书:</td>
    <td height="25" valign="middle">21天学通Java</td>
    </tr>
    <tr>
    <td height="25" colspan="3" align="center">学习论坛:CSDN论坛</td>
    </tr>
    </table>
    </body>
    </html>
    

    运行后效果如下:

     



    7.框架标记:框架的作用是把浏览器窗口划分成若干个区域,每个区域内可以显示不同的页面,并且各个页面之间不会受到任何影响。为框架内每个页面取不同的名字,作为彼此互动的依据,所以框架技术普遍应用于页面导航。

    7.1.基本框架:创建框架的语法格式如下:

    <html>
    <head>
        <title>框架页面的标题</tilte>
    </head>
    <frameset>
        <frame>
        <frame>
       ......
    </frameset>
    </html>

    (1).从创建框架的语法可以看出,框架主要是由两个标记组成的,一个是框架容器标记,另一个是框架页面标记。下面对这两个标记分别进行介绍:

    — <frameset>:框架容器标记,用作框架的声明。<frameset>为框架开始标记,对应的</frameset>为框架结束标记。在框架网页中,将<frameset>标记置于头部标记之后,以取代<body>的位置。框架容器标记常用的属性及说明如下:

    rows属性:水平分割窗口,其属性值可以取多个值,每个值表示一个框架窗口的水平宽度,单位为像素也可以是浏览器的百分比数,需要注意的是,设置了几个row属性值,就要有几个框架页面标记。

    cols属性:垂直分割窗口,其用法和rows类似。

    frameborder属性:是否显示框架边框,其属性值只能为0或1,如果为0,边框将会隐藏,1为显示。

    framespacing属性:设置边框宽度,像素默认为1。

    bordercolor属性:设置边框颜色。

    — <frame>:框架页面标记,定义框架内容。在框架页面中有几个框架,就设置几个<frame>标记,它包含于<frame>和</frame>之间。框架页面标记常用的属性及说明如下:

    src属性:设置框架页面文件的路径,如未设置只显示空白页面。

    name属性:设置页面名称便于查找和链接,页面名称不允许包含特殊字符。

    noresize属性:禁止改变框架的尺寸。

    marginwidth属性:设置页面左右边缘与框架边框的距离。

    scrolling属性:是否显示框架滚动条,取值为yes/no/auto,默认为auto,即根据窗口内容决定是否显示滚动条。

    (2).接下来附上一个例子,通过<frameset>标记和<frame>标记定义一个顶部和嵌套的左侧框架,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>构建基本框架</title>
    </head>
    
    <frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
    <frame src="br.html" name="topFrame" scrolling="yes" noresize="noresize" id="topFrame"/>
    	<frameset cols="180,*" frameborder="no" border="0" framespacing="0">
        	<frame src="br1.html" name="leftFrame" scrolling="yes" noresize="noresize" id="leftFrame"/>
        	<frame src="hr.html" name="mainFrame" id="mainFrame"/>
    	</frameset>
    </frameset>
    <noframes>
    <body>
    很抱歉,您使用的浏览器不支持框架功能,请尝试使用其他浏览器!
    </body>
    </noframes>
    </html>
    

    运行效果如下:

     


    7.2.浮动框架:浮动框架是一种特殊的框架结构,它是在浏览的窗口中嵌套另外的网页文件。<iframe>为浮动框架标记。其语法为:

    <iframe src="文件" height="数值" width="数值" name="框架名称" scrolling="值" frameborder="值"></iframe>

    (1).<iframe>标记常用的属性及说明如下:

    src属性:指定浮动框架的文件路径。

    name属性:设定浮动框架的名称。

    align属性:设置浮动框架的对齐方式。

    width属性:设置浮动框架的宽度。

    height属性:设置浮动框架的高度。

    scrolling属性:设置浮动框架滚动条的显示方式,value有三个取值:yes为显示滚动条,no为不显示滚动条,auto为根据窗口内容决定是否有滚动条。

    frameborder属性:指定是否显示浮动框架的边框,其中,value值为yes代表显示框架边框,值为no代表隐藏框架边框。

    marginwidth属性:设置浮动框架中的左右边缘与边框的距离。

    marginheight属性:设置浮动框架中的上下边缘与边框的距离。
    (2).接下来附上一个例子,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>构建浮动框架</title>
    </head>
    
    <body>
    <iframe src="br.html" name="mainFrame" width="400" height="200" scrolling="auto" align="center" marginheight="50" marginwidth="50">
    </iframe>
    </body>
    </html>
    

    运行效果如下:

     



    8.多媒体标记:

    8.1.多媒体是指利用计算机技术,把多种媒体综合在一起,使之建立起逻辑上的联系,并能对其进行各种处理的一种方法。多种媒体主要包括文字、声音、图像和动画等各种形式。在HTML文件中使用<embed></embed>多媒体标记可以将多媒体文件嵌入到网页中。

    (1)多媒体标记常用属性及说明如下:

    — src属性:设置多媒体文件路径。

    — width属性:播放多媒体文件区域的宽度。

    — height属性:播放多媒体文件区域的高度。

    — hidden属性:控制播放面板的显示和隐藏,取值为true代表隐藏面板,取值为false代表显示面板。

    — autostart属性:控制多媒体内容是否自动播放,取值为true代表自动播放,取值为false代表不自动播放。

    — loop属性:控制多媒体内容是否循环播放,取值为true代表无限次循环播放,取值为false代表仅播放一次。

    (2).接下来附上一个例子,其中index.swf放在站点下的falsh文件夹下,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>多媒体标记的应用</title>
    </head>
    
    <body>
    下面是一个多媒体文件
      <embed loop="true" width="280" height="200" src="falsh/index.swf"></embed>
    </body>
    </html>
    

    运行效果如下:

     

    (3).此标记可以播放mp4、mkv等视频文件,也可以播放mp3音乐文件,以及一些动画效果文件。



    二.其中我把关于HTM文档的全部内容都压缩打包了,下载地址:http://download.csdn.net/detail/u012561176/8916217  ,包括这篇文章的源代码这篇文章的word文档,以便大家学习,关于HTML文档的基础知识可看我上篇文章:http://blog.csdn.net/u012561176/article/details/46947575

    以上内容仅供大家学习参考,写得不好,请见谅,如有错误,请指出,谢谢!


    
    
    
    
    展开全文
  • html常用标记已经分类.doc
  • 讨论自适应有限元计算中常用标记策略的并行实现问题,介绍并行自适应有限元软件平台PHG中实现这些策略的统一函数接口.特别地,针对一类在分布式存储并行计算机上不易实现的策略,如GERS策略和MNS策略,介绍我们所设计...
  • HTML常用标记说明和CSS属性设置对照表.pdf
  • HTML的常用标记(表单)

    千次阅读 2018-12-03 22:01:48
    1、插入表单之前必须要插入一个表单标记,只有在表单标记中的复选框、文本框等才能被数据库或者说后台代码或者说动态网页来处理。   <form>....</form>//这个是表单标记 2、form标签的两个属性 ...

    一、表单形式

    http://www.w3school.com.cn/html/html_form_input_types.asp

    1、

    展开全文
  • HTML入门——常用标记

    千次阅读 热门讨论 2014-10-31 19:33:44
    万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言,html是编写网页文档的一种标记语言。
  • html常用标记

    2008-08-06 19:05:37
    html常用标记html常用标记
  • HTML常用标记

    2012-10-10 09:22:13
    HTML常用标记,介绍了常用标记,有助于学习和研究。
  • HTML常用标记和属性

    千次阅读 2013-09-06 10:23:58
    HTML常用标记和属性  |字号 订阅 1. 、 HTML文件头部开始和结束标记。 2. 、 HTML文件的标题,是显示于浏览器标题栏的字符串。 3. 、 CSS样式定义标记。属性...
  • css常用标记默认值

    2015-05-19 19:08:23
    可方便查看常用css默认值,便于兼容,大部分的标记都包括,完全可适合初学者使用哦
  • JSP网站开发之HTML入门知识及常用标记符 (一)

    万次阅读 多人点赞 2016-07-28 05:51:38
    准备给《JSP网站开发》这门小学期时间课程总结些HTML入门知识,这对网站设计很有用的,希望对你们也有所帮助吧!文章中如果有不足之处,还请海涵~ 目录: 一.... 1.JSP基础知识 ... HTML常用标记符 1.HEAD标记符
  • HTML中的那些常用标记

    千次阅读 2017-01-01 21:30:11
    HTML:(HyperText Markup Language) 超级 文本 标记 语言 用来描述网页的一种标记语言。
  • 在网上找的,自己用,已排好版,可以直接打印
  • HTML常用标记汇总

    千次阅读 多人点赞 2019-02-23 19:59:49
    本文汇总了最常用的HTML标记 HTML基本结构 格式标记 文本标记 图像标记 超链接标记 HTML基本结构 格式标记 文本标记 图像标记 超链接标记
  • 标记:<开始标记>content结束标记> 单标记:<标记/> 标记的属性:<开始标记 属性1=参数1 属性2=参数2 …>content结束标记> //标记与属性、属性之间以空格分隔 //属性无顺序、且不是必须的 html5中...
  • ## HTML常用标记及含义(上)

    千次阅读 2019-03-20 21:28:15
    2.:文档头标记 3.:文档标题标记 4.: Bgcolor:背景颜色 Background:背景图片 5.:超链接标记 Href:指定链接目标 Target:指定要在其中打开文档的框架名称 _Self:指定在当前页面或当前框架中打开 _Blank:指定在...
  • HTML常用标记(空格、换行、标题)

    万次阅读 2018-12-03 22:10:14
    1、没有head,常规的是html下有head,head下有title,一般只要能正常显示就不会做检查了,有些浏览器查的比较严格,xhtml中检查的比较严格。 2、如果想要换行,需要加<br> 原本 现在 ...
  • HTML--常用标记

    千次阅读 2018-06-21 21:02:58
    常用标记 HTML HTML(Hypertext Markup Language)超文本标记语言 Web页面(网页)是一种文档,用HTML编写 四种元素 空元素 &amp;amp;amp;lt;br&amp;amp;amp;gt; 带有属性的空元素 &...
  • HTML常用标记、CSS三种选择器

    千次阅读 2017-07-10 10:50:23
    html常用标记: 1、换行   2、段落   3、标题  ...,数字越小,文字越大 4、居中   5、文字列表  ①无序列表:    列表项1  列表项2    ②有序列表    列表项1  列
  • HTML标记语言--常用标记

    千次阅读 2016-05-31 20:05:46
    HTML标记语言标记符号 html:整个页面 head:页面首部 title:页面标题 body:页面正文 p:段落 h1-6:标题1号到6号 hr:水平线 a:锚点 百度网址无序列表:unordered list ul:无序列表 li:列表项目 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 470,038
精华内容 188,015
关键字:

常用标记