HTML基础

2018-06-24 01:28:41来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。

META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务

//每30秒刷新当前页面
<meta http-equiv="refresh" content="30">

标签

<b>粗体文本</b>
<code>计算机代码</code>
<em>强调文本</em>
<i>斜体文本</i>
<kbd>键盘输入</kbd> 
<pre>预格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>
 
<abbr> (缩写)
<address> (联系信息)
<bdo> (文字方向)
<blockquote> (从另一个源引用的部分)
<cite> (工作的名称)
<del> (删除的文本)
<ins> (插入的文本)
<sub> (下标文本)
<sup> (上标文本)
<b>加粗文本</b>
<i>斜体文本</i>
<code>电脑自动输出</code>
<sub>下标</sub>
<sup>上标</sup>

创建图像映射

//该段代码中的shape指的是点击区域的形状,coords指的是链接区域在图片中的坐标和范围大小(像素为单位)
<img src="img/a.ico" width="145" height="126" alt="Planets" usemap="#planetmap">
 <map name="planetmap">
 <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
 <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
 <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
 </map>

表格

 1  //带有标题的表格
 2 
 3  <table border="1">
 4    <caption>Monthly savings</caption>
 5    <tr>
 6      <th>Month</th>
 7      <th>Savings</th>
 8    </tr>
 9    <tr>
10      <td>January</td>
11      <td>$100</td>
12    </tr>
13    <tr>
14      <td>February</td>
15     <td>$50</td>
16    </tr>
17  </table>

列表

  有序列表

//如果为start赋上初始值,有序列表则从这个值开始增长,reversed为翻转,假如不写初始值,序号不会为负数,除非自己设置初始值为负数,用type属性设置有序列表样式(type=“A”)
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol  reversed="reversed">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50" >
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50"  reversed="reversed">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

  <ol start="-50" >
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ol>

 表单

//带边框的表单
<form action="">
    <fieldset>
        <legend>Personal information:</legend>
        Name: <input type="text" size="30"><br>
        E-mail: <input type="text" size="30"><br>
        Date of birth: <input type="text" size="10">
    </fieldset>
</form>

脚本

//只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容
<script>
    document.write("Hello World!")
</script>
<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>

URL-统一资源定位器

//语法规则
//scheme - 定义因特网服务的类型。最常见的类型是 http
//host - 定义域主机(http 的默认主机是 www)
//domain - 定义因特网域名,比如 runoob.com
//:port - 定义主机上的端口号(http 的默认端口号是 80)
//path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
//filename - 定义文档/资源的名称
scheme://host.domain:port/path/filename
http 超文本传输协议 以 http:// 开头的普通网页。不加密。
https 安全超文本传输协议 安全网页,加密所有信息交换。
ftp 文件传输协议 用于将文件下载或上传至网站。
file   您计算机上的文件。

URL字符编码

//URL 只能使用 ASCII 字符集.
//来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符,URL //必须转换为有效的 ASCII 格式。
//URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
//URL 不能包含空格。URL 编码通常使用 + 来替换空格。
字符URL 编码

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS 层叠与继承

下一篇:sublime 插件安装之sublime highlight 如何优雅拷贝代码到word