zoukankan      html  css  js  c++  java
  • HTML基础

      HTML是超文本标记语言  

      写一些规定好的标记,浏览器自动解析成这些标记该标记的样子

    .html --标准HTML格式

    .xhtml --严格HTML格式

    .htm --也是一种标准HTML格式,适用于一些老的服务器(只支持后缀3位)

    <!DOCTYPE html><!--定义当前文档类型(这是html类型)-->

    <html>

    <head><!--头 文档属性相关内容,不会显示出来-->    

      <title></title><!--网页名-->

    </head>

    <body>  <!--页面显示内容-->  

      hello word <!--没有修饰符,那么浏览器会以默认模式显示-->

    </body>

    </html>

    <meta name="keywords" content="*,*"> 设置关键字*,多个用,分开

    <meta name="description" content="*,*"> 设置当前网站的主要内容,用完整的句子形容

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 设置网页编码格式

    <meta http-equiv="refrech" content="3,http://www.baidu.com"> 3秒后刷新到百度

    <!--注释--> 注释内容不会显示在网页上

    <h1>标题1</h1> 文本标题,共有6级,1的字体最大

    <p>段落</p> 段落标签,结尾会换行

    <blockquote>引用文本标签</blockquote>

    无序列表标签

    <ul>  

      <li>列表1</li>  

      <li>列表2</li>  

      <li>列表3</li>

    </ul>

    有序列表标签

    <ol>  

      <li>列表1</li>  

      <li>列表2</li>

       <li>列表3</li>

    </ol>

    描述标签

    <dl>

      <dt><img src="图片路径" alt="图片无法显示时,需要显示的内容" title="鼠标放在图片上提示的内        容"></dt><!--一般存放图片-->

      <dd></dd><!--对图片进行详细描述-->

    </dl>

    <pre></pre>   预编译标签(可以自定义标签内容格式)

    <div></div>   块标签(里面可以放其他的标签)

    特殊字符

    &nbsp; 空格

    &lt; 左尖括号<或小于号

    &gt; 右尖括号>或大于号

    &copy; 版权符号©

    &reg; 已注册符号®

    &amp; and符号&

    &#151; 长破折号

    超链接

    <a href="http://www.baidu.com">点我啊</a> 点击点我啊,跳转到百度网页(其中http://必须加,不然是在本地服务器上找)

    锚链接(可跨页链接)

    <a href="#t1">我要看足球</a>  

      <p id=1>足球</p> 

    <a tabindex="1">点我啊</a>   设置点我啊按table键选择的顺序(tabindex="2或者3等")

    视频标签 <video src="视频地址" controls="controls" autoplay="autoplay" loop="loop">

                           控制器       自动播放     循环播放

    音频标签 <audio src="视频地址" controls="controls" autoplay="autoplay" loop="loop">

                           控制器       自动播放     循环播放

    表标签

    <table border="1" cellspacing="0">  

        边框像素是1 边框中的距离为0  

      <th>表头</th> <!--表头(标题)-->  

      <tr><!--表的行-->   

        <td></td><!--表的列-->   

        <td></td>  

      </tr>

    </table>

    <td rowspan="3"></td> 跨行(合并3行单元格)

    <td colspan="3"></td> 跨列(合并3列单元格)

  • 相关阅读:
    转:5个AJAX Loading动画图标生成器
    小练习:图片轮播jQuery版
    找不同,在一定范围内找出不同数最小的数组。
    一个Hibernate的Hello World, 基于Hibernate 4.0
    队列的操作, 计算要出队某个数需要移动的距离.
    使用反射操作私有(Private)方法和属性
    求由色子组成的立方体的5个可见面(底部不算)中所有数字最小之和.
    动态代理的简单实例.
    设计模式:Java的代理模式.
    Java的反射 基础+简单复制对象实例
  • 原文地址:https://www.cnblogs.com/k1024/p/5544331.html
Copyright © 2011-2022 走看看