【4858美高梅】html中常用的竹签小结

By admin in 4858美高梅 on 2019年4月5日

剧情详见标签:

html中常用的价签小结,html常用竹签小结

内容详实标签:

<h1>~<h6>标题的签
<pre>格式化文本
<u>下划线(underline)
<i>斜体字(italics)
<cite>引用,平常为斜体
【4858美高梅】html中常用的竹签小结。<em>强调文本常常为斜体
<strong>加重文本,经常为燕体
<font>设置字体、字体大小、颜色等
<big><small>字体变大和字体变小
<del>加删除线
<code>程序码
<kbd>定义键盘文本
<blockquote>块引用,平常是缩进
<address>地址标签
<sup>上标
<sub>下标
<br>换行
<hr>水平线

列表标签:

<dl>、<dt>和<dd>是概念列表的价签
<ul>和<li>冬季列表
<ol>和<li>有种类表

报表标签:

<table>、<tbody>、<tr>、<th>和<td>

 

内容详细标签: h一~h陆题指标签 pre格式化文本 u下划线(underline)
i斜体字(italics) cite引用,日常为…

剧情详见标签:

1、格式标记

4858美高梅 ,<h1>~<h6>标题标签
<pre>格式化文本
<u>下划线(underline)
<i>斜体字(italics)
<cite>引用,日常为斜体
<em>强调文本平日为斜体
<strong>加重文本,平日为石籀文
<font>设置字体、字体大小、颜色等
<big><small>字体变大和字体变小
<del>加删除线
<code>程序码
<kbd>定义键盘文本
<blockquote>块引用,平日是缩进
<address>地址标签
<sup>上标
<sub>下标
<br>换行
<hr>水平线

<h1>~<h6>题指标签
<pre>格式化文本
<u>下划线(underline)
<i>斜体字(italics)
<cite>引用,日常为斜体
<em>强调文本平时为斜体
<strong>加重文本,经常为楷体
<font>设置字体、字体大小、颜色等
<big><small>字体变大和字体变小
<del>加删除线
<code>程序码
<kbd>定义键盘文本
<blockquote>块引用,日常是缩进
<address>地址标签
<sup>上标
<sub>下标
<br>换行
<hr>水平线

  1、<br>

列表标签:

列表标签:

    <br>是3个单标记,用来强制换行。

<dl>、<dt>和<dd>是概念列表的竹签
<ul>和<li>冬天列表
<ol>和<li>有连串表

<dl>、<dt>和<dd>是概念列表的价签
<ul>和<li>冬天列表
<ol>和<li>有连串表

  2、<p>

报表标签:

报表标签:

    <p>是双标志。用来换分段落。

<table>、<tbody>、<tr>、<th>和<td>

<table>、<tbody>、<tr>、<th>和<td>

  3、<center>

 

 

    <center>是双符号。对其所归纳的文书进行水平居中。 提议用CSS
样式来居普通话本!

  4、<pre>

    <pre>是双标志。pre
元素可定义预格式化的公文。被包围在 pre
成分中的文本平日会保留空格和换行符。而文本也会显现为等宽字体。

  5、<li>

    双符号。<li>
标签定义列表项目。<li> 标签可用在有连串表 (<ol>) 和冬辰列表
(<ul>) 中。

  6、<ul>

    双符号。<ul>
标签定义冬天列表。该成分有一天性质type属性(不引入应用),type
属性规定列表的档次标志的种类。属性值如下:

    4858美高梅 1

  7、<ol>

    双符号。<ol>标签用来定义有序列表。

    4858美高梅 2

    能够运用li标记value属性钦点标签的序号初步值。   

1   <ol>
2             <li>a</li>
3             <li value="5">b</li>
4             <li>c</li> 
5   </ol>

     4858美高梅 3

       
  其它,列表之间能够彼此嵌套。    

   <ul type="square">
    <li>123</li>
    <li>123
      <ol>
        <li>asasa</li>
        <li>asasa</li>
       </ol>
    </li>
     <li>123</li>
   </ul>

    4858美高梅 4  

  8、<dl><dt><dd>

    双符号。用定义列表。   

1   <dl>
2      <dt>计算机</dt>
3      <dd>用来计算的仪器 ... ...</dd>
4      <dt>显示器</dt>
5      <dd>以视觉方式显示信息的装置 ... ...</dd>
6   </dl>

    4858美高梅 5     

  9、<hr>

    单标记。水平线。

  10、<div>

    双标志。<div>
可定义文书档案中的分区或节(division/section)。<div>
标签能够把文书档案分割为独立的、分化的有个别。它可以作为严酷的组织工具,并且不选拔任何格式与其涉嫌。要是用
id 或 class 来标记 <div>,那么该标签的作用会变得进一步可行。

贰、文本标记

1、<h1~6>    

    双标记。<h1>

  • <h陆> 标签可定义标题。<h1> 定义最大的题目。<h陆>
    定义最小的标题。由于 h
    成分拥有适合的语义,因而请你慎重地挑选非常的竹签层级来创设文书档案的构造。由此,请不要使用标题的签来改变同一行中的字体大小。相反,大家应当采用层叠样式表定义来达到能够的展现效果。

2、<font>

  双符号,<font>
规定文本的字体、字体尺寸、字体颜色。

  size属性:设置文本字体大小;属性值为一~7;浏览器私下认可大小是三;

  color属性:设置文本字体颜色;

  face属性:设置文本字体的档次;

1   <font size="5" face="arial" color="red">A paragraph.</font>

3、<b>

  双标记。<b>
标签规定粗体文本。

4.<i>

  
双标记。标签显示斜体文本效果。

5、<sub>

  
双符号。<sub>
标签可定义下标文本。包蕴在
<sub> 标签和其得了标签 </sub>
中的内容将会以当下文本流中字符中度的八分之四来展现,但是与近年来文本流中文字的字体和字号都是同样的。

6、<sup>

  双标记。<sup>
标签可定义上标文本。

7、<tt>    

   
<tt> 标签显示类似打字机只怕等宽的文书效果。

     
<tt> 标签与 <code> 和 <kbd> 标签一样,<tt>
标签和要求的 </tt>
停止标签告诉浏览器,要把内部饱含的文本呈现为等宽字体。对于那个已经选择了等宽字体的浏览器来说,这些标签在文件的展现上就从不怎么特殊效果了。

8、<cite>    

  双标记。<cite>
标签平时表示它所蕴藏的文本对有个别参考文献的引用,比如图书照旧杂志的标题。遵照常规,引用的文件将以斜体显示。

9、<em>

  双标志。<em>
标签告诉浏览器把在那之中的文书表示为强调的情节。对于有所浏览器来说,那意味要把那段文字用斜体来展现。

10、<strong>

  双标志。<strong> 标签和 <em>
标签壹样,用于强调文本,但它强调的档次越来越强壹些。浏览器平时会以不一致于 <em> 标签的秘诀来突显<strong>
标签中的内容,经常是用加粗的书体(相对于斜体)来呈现中间的始末,那样用户就足以把那七个标签区分开来了。

11、<small>

  双符号。<small>
标签展现中号字体效果。<small>
标签和它所对应的 <big>
标签1样,但它是减少字体而不是放大。假如被包围的书体已经是字人体模型型所援救的小小字号,那么
<small> 标签将不起别的功用。能够嵌套。

12、<big>

  双标记。<big>
标签展现中号字体效果。使用 <big>
标签能够很不难地加大字体。那差不多不可能再简单了:浏览器展现包含在
<big> 标签和其对应的 </big>
标签之间的文字时,其字体比附近的文字要大学一年级号。不过,假若文字已经是最中号字体,那么些<big> 标签将不起其余功用。能够嵌套。

13、<u>

  双符号。<u>
标签可定义下划线文本。

叁、图像标记

  1、<img>

  单标记。img
成分向网页中放置一幅图像。必须属性有src和alt;可选属性有width,height,border。

  src属性的值是要放置的图样的链接,能够是纯属地址也能够是相对地址。

  alt属性规定图像的替代文本。当图片不能够加载时显得。title属性是鼠标放到图片上海展览中心示的文字。

  height,width用来安装图片的惊人和幅度。border属性用来设置图片的边框(推荐应用CSS来安装)。 

1   <img src="https://www.baidu.com/img/bd_logo1.png" alt="百度" width="50%" height="50%">

 

四、超链接

  1、<a>

    双标记。用来<a>
标签定义超链接,用于从一张页面链接到另一张页面。

    href属性:规定链接指向的页面包车型地铁UBMWX五L。

    target属性:target
属性规定在哪个地方打开链接文书档案。

    name属性,用来安装锚点。

    4858美高梅 6

   假若在三个<a> 标签内包涵二个 target 属性,浏览器将会载入和突显用那几个标签的
href
属性命名的、名称与这些指标切合的框架也许窗口中的文档。如果那个钦定名称或
id
的框架或许窗口不设有,浏览器将开辟2个新的窗口,给那一个窗口多个钦命的记号,然后将新的文书档案载入那二个窗口。从此以往,超链接文档就能够本着那个新的窗口。

2、常用案例

  a、普通链接    

  <a href="http://www.baidu.com">百度</a> 
  <a href="index.html">我的页面</a> 

    b、锚链接    

     <a href="#C4">查看 Chapter 4。</a>

         .// 上下两个链接不在一个页面显示,
    <a name="C4"  >  

    c、图片链接    

    <a href="/example/html/lastpage.html">
      <img border="0" src="/i/eg_buttonnext.gif" />
    </a>

      将图纸作为链接的剧情即可。

    d、发送邮件   

    <a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>

 

   
 三、target属性值介绍    

_blank

浏览器总在二个新开辟、未命名的窗口中载入指标文书档案。

_self

本条目的的值对持有未有点名指标的 <a>
标签是暗许指标,它使得目标文档载入并显示在相同的框架也许窗口中作为源文书档案。那个指标是剩下且不要求的,除非和文书档案标题<base> 标签中的 target 属性一起使用。

_parent

其一指标使得文书档案载入父窗口或然隐含来超链接引用的框架的框架集。若是那个引用是在窗口依然在甲级框架中,那么它与对象
_self 等效。

_top

本条目的使得文书档案载入包涵那个超链接的窗口,用
_top 指标将会去掉全部被含有的框架并将文档载入整个浏览器窗口。

案例1:ex1.html

<html>
  <body>
      <h3>Table of
Contents</h3>
      <ul>
        <li><a
href=”/example/html/pref.html” target=”view_window”>Preface</a></li>
        <li><a
href=”/example/html/chap1.html” target=”view_window”>Chapter
1</a></li>
        <li><a
href=”/example/html/chap2.html” target=”view_window”>Chapter
2</a></li>
        <li><a
href=”/example/html/chap3.html” target=”view_window”>Chapter
3</a></li>
      </ul>
  </body>
</html>

当用户率先次选拔内容列表中的有个别链接时,浏览器将打开一个新的窗口,将它标志为
“view_window”,然后在内部展现希望展现的文书档案内容。若是用户从这一个剧情列表中甄选另1个链接,且那么些”view_window”
仍居于打开状态,浏览器就会重新将选定的文书档案载入那多少个窗口,取代刚才的那么些文档。

在总体经过中,这些蕴藏了情节列表的窗口是用户可以访问的。通过单击窗口中的3个总是,可使另叁个窗口的内容发生变化。

ex2.html

  <frameset cols="100,*">
    <frame src="ex1.html">
    <frame src="pref.html" name="view_window">
  </frameset> 

  4858美高梅 7 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有