zoukankan      html  css  js  c++  java
  • Html语言基础

    Html语言基础

    1.HTML编辑软件

    Microsoft Virsual Studio.NET

    2.文档类型定义(Document Type Definition,DTD)

    格式<!DOCTYPE HTML PUBLIC "version name " "ur1">

    (1)HTML指文档定义类型

    (2)PUBLIC指DTD文档对任何人公开访问,而不是某个公司的内部规范文件。

    (3)version name指该HTML版本的标识名称。

    (4)url指该HTML语言的定义规范在文件Internel上的位置。

    3.注释与特殊字符

    (1)<!--注释-->加入注释,不可嵌套。

    <html>
    <head><title>个人简历</title>
    </head>
    <body>
    <!--
    Auther 张三
    Tel 11111111
    -->
    </body>
    </html>

    (2)特殊字符

    Html编码         显示或处理结果

    &lt;                  <

    &gt;                >

    &amp;             &

    &quot:            "          

    &reg;             R

    &copy;           c版权符号

    &trade;         TM

    &nbsp;          空格字符

    4.格式标签

    <nobr></nobr>防止对过长内容自动换行

    <marquee></marquee>移动   1.属性drection  移动方向      属性值left right up down

                                     2.属性 behavior 指定其中图形文本的移动行为     dircetor属性值可以为scroll,alternate  side

    5.(1)列表<dl></dl><dt></dt><dd></dd>

    <html>
    <head><title>一个普通的列表</title>
    </head>
    <body>
    <dl>
    <dt>中国城市</dt>
    <dd>北京</dd>
    <dd>上海</dd>
    <dd>广州</dd>
    <dt>美国城市</dt>
    <dd>华盛顿</dd>
    <dd>芝加哥</dd>
    <dd>纽约</dd>
    </dl>
    </body>
    </html>

    (2)<ol></ol><ul></ul><li><li>

    <html>
    <head><title>一个普通的列表</title>
    </head>
    <body>
    <ol>
    <p>中国城市</p>
    <li>北京</li>
    <li>上海</li>
    <li>广州</li>
    <p>美国城市</p>
    <li>华盛顿</li>
    <li>芝加哥</li>
    <li>纽约</li>
    </ol>
    <ul>
    <p>中国城市</p>
    <li>北京</li>
    <li>上海</li>
    <li>广州</li>
    <p>美国城市</p>
    <li>华盛顿</li>
    <li>芝加哥</li>
    <li>纽约</li>
    </ul>
    </body>
    </html>

    6.<pre></pre>对文本进行预格式化处理,忽略空格与换行,不能用img插入图片,控件或者小程序。

    7.文本标签

    <html>
    <head><title>文本标签</title>
    </head>
    <body>
    <h1>最大的标题</h1>
    <h3>使用h3的标题</h3>
    <h6>使用最小的标题</h6>
    <p><b>粗体字文本</b></p>
    <p><i>斜体字文本</i></p>
    <p><u>加一下划线的文本</u></p>
    <p><tt>打印机风格的文本</tt></p>
    <p><cite>引用方式的文本</cite></p>
    <p><em>强调的文本</p></em>
    <p><strong>加重的文本</strong></P>
    <p><font size="+1" color="red">size取值"+1",color取值red的文本
    </font></p>
    </body>
    </html>

     

     8.图像标签

    (1)

    <!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>
    <center>
    <img src="t01c9cf2679a592eedb.jpg" >
    <p>蝶恋花</p>
    <cnter>

    <body>
    </body>
    </html>

    (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>
    <p align="center"><img src= "t01c9cf2679a592eedb.jpg" alt="欢迎光临"
    width=“468” height=“60”></p>
    <hr width="600" size="1" color="#0000FF" />
    <body>
    </body>
    </html>

     

    本性的苏醒,往往在遭遇真实之后。
  • 相关阅读:
    [转]狼的故事8:生存就是坚持
    [转]狼的故事7:单枪匹马的代价
    如何在GridView的Footer内显示总计?
    javascript中如何正确将日期(Date)字符串转换为日期(Date)对象?
    无限级分类(非递归算法/存储过程版/GUID主键)完整数据库示例_(1)表结构
    [转]狼的故事12:王者的风范
    [转]狼的故事2:光线背后的嚎叫
    vs.net2008正式版发布并提供下载(英文版)
    [转]狼的故事11:以牙还牙
    [转]狼的故事3:百分之百的死亡
  • 原文地址:https://www.cnblogs.com/chance88/p/4373008.html
Copyright © 2011-2022 走看看