HTML总结

匿名 (未验证) 提交于 2019-12-02 20:32:16

HTML基础

    1. <title>
    2. <base/>
    1. <frameset>
    2. <iframe>

<!DOCTYPE HTML> 

  • <meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/>

  • <meta charset="UTF-8">

<title>

<title>Title</title>

<base/>

<!DOCTYPEhtml> <htmllang="en"> <head>     <metacharset="UTF-8">     <title>Title</title>     <basehref="http://images.cnblogs.com/cnblogs_com/suoning/845162/"/>     <basetarget="_blank" /> </head> <body>   <imgsrc="o_s.png" alt="图片加载失败。。。"/> <ahref="http://cnblogs.com/suoning/">nick blogs</a>   </body> </html>   // 上面这段代码中,<img>标签的src属性是一个相对路径,因为<head>中通过base标签设置了链接的默认地址, 所以img的src实际的地址是“http://images.cnblogs.com/cnblogs_com/suoning/845162/o_s.png”。 同样的,<a>中只是指定了href,并未指定target属性,所以也会使用base中设置的target属性的值。

rel

href

type

http-equiv

  • <meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/> <meta http-equiv="Refresh" content="2"> <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> <meta http-equiv="expires" content="6 Jun 2016"/>

  • <meta name="keywords" content="搜索关键字"> <meta name="description" content="简要描述"> <meta name="author" content="http://cnblogs.com/suoning"> <meta name="generator" content="用以说明生成工具">

content

<div>

<span>

 

// 跳转网页 <a href="http://cnblogs.com/suoning" target="_blank">Nick Blogs</a>   // 跳转锚记书签名称 <a name="top"><h3>Top!</h3></a> <div style="height: 800px"></div> <a href="#top">top</a>

alt

width

height

<img src="http://images.cnblogs.com/cnblogs_com/suoning/845162/o_ns.png" alt="图片加载失败。。。" title="The knife girl, kiss"/>

<ul>     <li type="circle">A</li>     <li type="1">B</li>     <li type="1">C</li> </ul> <ol>     <li value="3">3</li>     <li >4</li> </ol> <dl>     <dt><i>标题</i></dt>     <dd>第一项</dd>     <dd>第二项</dd>     <dd>第三项</dd> </dl>

<table border="1">     <thead>         <tr>             <th>序号</th>             <th>姓名</th>         </tr>     </thead>     <tbody>         <tr>             <th>1.</th>             <td>nick</td>         </tr>         <tr>             <th>2.</th>             <td>jenny</td>         </tr>     </tbody> </table>

<caption>

<tr>

<th>

<td>

<tbody>

rowspan

colspan

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> </head> <body>         <form action="https://www.baidu.com/s">             <input type="text" name="wd">             <input type="submit" value="百度一下">         </form> </body> </html> 百度搜索实例  <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> </head> <body>         <form action="https://www.sogou.com/web">             <input type="text" name="query">             <input type="submit" value="搜狗搜索">         </form> </body> </html> 搜狗搜索实例

type


<label for="name">姓名</label> <input id="name" type="text">

<fieldset>     <legend>温馨提示</legend>     <div align="middle">不要忘记点赞哦 ==</div> </fieldset>

<frameset cols="40%,*,*"> 第一个框架占整个浏览器窗口的40%,剩下的空间平均分配给另外两个框架。 <frameset cols="*,*,*,*"> 浏览器窗口等分为四部分。

    1. <title>
    2. <base/>
    1. <frameset>
    2. <iframe>

<!DOCTYPE HTML> 

  • <meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/>

  • <meta charset="UTF-8">

<title>

<title>Title</title>

<base/>

<!DOCTYPEhtml> <htmllang="en"> <head>     <metacharset="UTF-8">     <title>Title</title>     <basehref="http://images.cnblogs.com/cnblogs_com/suoning/845162/"/>     <basetarget="_blank" /> </head> <body>   <imgsrc="o_s.png" alt="图片加载失败。。。"/> <ahref="http://cnblogs.com/suoning/">nick blogs</a>   </body> </html>   // 上面这段代码中,<img>标签的src属性是一个相对路径,因为<head>中通过base标签设置了链接的默认地址, 所以img的src实际的地址是“http://images.cnblogs.com/cnblogs_com/suoning/845162/o_s.png”。 同样的,<a>中只是指定了href,并未指定target属性,所以也会使用base中设置的target属性的值。

rel

href

type

http-equiv

  • <meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/> <meta http-equiv="Refresh" content="2"> <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> <meta http-equiv="expires" content="6 Jun 2016"/>

  • <meta name="keywords" content="搜索关键字"> <meta name="description" content="简要描述"> <meta name="author" content="http://cnblogs.com/suoning"> <meta name="generator" content="用以说明生成工具">

content

<div>

<span>

 

// 跳转网页 <a href="http://cnblogs.com/suoning" target="_blank">Nick Blogs</a>   // 跳转锚记书签名称 <a name="top"><h3>Top!</h3></a> <div style="height: 800px"></div> <a href="#top">top</a>

alt

width

height

<img src="http://images.cnblogs.com/cnblogs_com/suoning/845162/o_ns.png" alt="图片加载失败。。。" title="The knife girl, kiss"/>

<ul>     <li type="circle">A</li>     <li type="1">B</li>     <li type="1">C</li> </ul> <ol>     <li value="3">3</li>     <li >4</li> </ol> <dl>     <dt><i>标题</i></dt>     <dd>第一项</dd>     <dd>第二项</dd>     <dd>第三项</dd> </dl>

<table border="1">     <thead>         <tr>             <th>序号</th>             <th>姓名</th>         </tr>     </thead>     <tbody>         <tr>             <th>1.</th>             <td>nick</td>         </tr>         <tr>             <th>2.</th>             <td>jenny</td>         </tr>     </tbody> </table>

<caption>

<tr>

<th>

<td>

<tbody>

rowspan

colspan

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> </head> <body>         <form action="https://www.baidu.com/s">             <input type="text" name="wd">             <input type="submit" value="百度一下">         </form> </body> </html> 百度搜索实例  <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> </head> <body>         <form action="https://www.sogou.com/web">             <input type="text" name="query">             <input type="submit" value="搜狗搜索">         </form> </body> </html> 搜狗搜索实例

type


<label for="name">姓名</label> <input id="name" type="text">

<fieldset>     <legend>温馨提示</legend>     <div align="middle">不要忘记点赞哦 ==</div> </fieldset>

<frameset cols="40%,*,*"> 第一个框架占整个浏览器窗口的40%,剩下的空间平均分配给另外两个框架。 <frameset cols="*,*,*,*"> 浏览器窗口等分为四部分。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!