html知识点梳理

曾经终败给现在 2022-03-01 03:46 355阅读 0赞

### <mata>标签的功能 ###

1.  为搜索引擎定义关键词  
    `<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">`
2.  为网页定义描述内容  
    `<meta name="description" content="免费 Web & 编程 教程">`
3.  定义网页作者  
    `<meta name="author" content="Runoob">`
4.  每30秒刷新当前页面  
    `<meta http-equiv="refresh" content="30">`

### <html>标签中的lang属性 ###

1.  HTML 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。

### <strong><em><del><adress><br><hr> ###

1.  <strong>：加粗
2.  <em>：斜体
3.  <del>：定义删除字
4.  <adress>：定义地址
5.  <br>：换行（可以不闭合）
6.  <hr>：水平线（可以不闭合）

### <ul><li> ###

<ul>
           <li>Coffee</li>
           <li>Tea</li>
           <li>Milk</li>
           </ul>

属性type：A a I i 1 disc square circle  
注意：无论type的属性是哪一个，从第几个排序直接使用start=“n”（n即为起点数）

### <div><span> ###

<div style="color:#00FF00">
           <h3>This is a header</h3>
           <p>This is a paragraph.</p>
           </div>

<div>标签和<span> 标签充当着一个容器的作用，其功能主要有两点：  
（1）使代码结构化  
（2）可以对嵌入的标签进行捆绑式操作

### <img> ###

alt：当这个图片地址发生错误的时候，它来展示的文字信息  
`<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />`

### <from> ###

功能：可以将前端的数据发送给后端。

<from method="get/post" action="http://www.baidu.com/123.php">
          <p> 
              username：<input type="text" name="username">
          </p>
          <p>
              password：<input type="password" name="password">
          </p>
               <input type="submit" name="star" value="zhourunfa">
               <input type="radio" name="star">
       </from>

### <a> ###

功能：

1.  作为超链接  
    `<a href="https://www.baidu.com" target="_blank">www.baidu.com</a>`
2.  作为锚点

1.  打电话  
    `<a href="tel:178********">给博主打电话</a>`
2.  协议限定符  
    `<a href="javascript:while(1){alert('让你手欠')}">你点我试试呀！</a>`