必看的html常用标签(一)

231 阅读2分钟

《HTML的三板斧》

起源

Tim Berners-lee(江湖人称李爵士),于1990年创立了HTML。 HTML的全程是HyperText Markup Language,中文翻译为超文本标记语言, 是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面,网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。 更多信息你可以在维基百科获取。

第一斧 起手式

英文状态下,输入!然后回车。

<!DOCTYPE html>    <!-- 文档类型 -->
<html lang="en">   <!-- 给中国人看用 zh-CN 或者 zh-Hans -->
<head>
    <meta charset="UTF-8">    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">   <!-- 禁止缩放,兼容手机 -->
    <title>我的网页</title>  <!-- 此处写辩题 -->
</head>
<body>
  
</body>
</html>

第二斧 常用标签

  1. hi~h6 标题 默认加粗加黑
  2. section 章节,以有其他标题啊段落啊什么的,可以嵌套的
  3. article
  4. main 主要的,主函数
  5. aside 旁支的,旁支内容
  6. header 头部的
  7. footer 尾部的
  8. p标签 段落 基础标签如图所示

第三斧 全局属性

啥意思?就是任何标签都有的属性。

  • class 给我们的标签分类,给个标记
  • contenteditable 可以使用任何一个元素可编辑
<div class="middle bordered" contenteditable>
  • hidden 快速让一个东西看不到

  • **id=xxx #xxx **不到万不得已不要用,没发保证全局唯一的元素,用class就好

  • style 样式

  • tabindex = 1 2 3 4 ..... 控制tab的顺序,按照从小到大,没不要递增

    如果等于0的时候,此标签是最后一个被访问;小于0则不会被访问。 tabindex

!!!!!!!!!!!别走!!!

这里分享2个学习查找html的网站

网道HTML教程MDN