《HTML入门笔记1》

222 阅读3分钟

HTML是谁发明的?

HTML 是发明的Tim Berners-Lee(李爵士)在1990年发明的,并且在之后担任万维网联盟(W3C)的主席。2016年他凭借“发明万维网、第一个浏览器和使万维网得以扩展的基本协议和算法”而获得2016年度的图灵奖。

HTML 起手式

HTML默认起手式为

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  </head>
  <body>
    
  </body>
</html>

如何快速写出起手式

在编码软件中可以使用"!"+"tab"快速生成起手式

注意事项

lang="en"改成zh-CN

修改VSCode默认生成的 meta:vp

blog.yingj.net/archives/vs…

常用的表章节的标签有哪些

标题h1~h6
标题标签,从h1~h6依次从大到小
<section></section>
表示文章段落,一般通过是否包含一个标题h1-h6标签作为子节点来辨识每一个section标签。 一般来说,section标签应该出现在文档大纲中,不能把section标签元素作为一个普通的容器来使用。
<article></article>
article表示文章,一般内部都包含着h1-h6标签。 常见在关于文章的论坛中,每篇文章都被article文章包裹着
<p></p>
 p标签表示文本的一个段落,p标签是块级元素。
<header></header>
header元素用于展示介绍性内容,header元素通常用于包含周围部分的标题
<footer></footer>
footer元素表示最近一个章节内容或者根节点元素的页脚,一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息
<main></main>
main元素呈现了文档的body或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。
<aside></aside>
aside元素表示一个和其余页面内容几乎无关的部分,其通常表现为侧边栏或者标注框
<div></div>
div元素是一个通用型的流内容容器,在不使用CSS的情况下,其对内容或布局没有任何影响。

常见的全局属性

常用的有

  • contenteditable:表示元素是否可以被用户编辑。取值:true或空白字符串;false。
  • style:元素的css样式声明。
  • id:定义唯一标识符,该标识符在整个文档中必须是唯一的。目的主要是为了在链接、脚本或样式时标识元素。
  • hidden(布尔属性):可以隐藏元素。
  • title:表示与其所属元素相关信息的文本。
  • tabindex:设置元素的 Tab 键控制次序。
  • class:规定元素的类名(classname)
  • lang:设置元素中内容的语言代码。 等

常用的内容标签

<a></a>
元素(或称锚元素)可以通过它的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。
<strong></strong>
表示文本十分重要,一般用粗体显示。
<em></em>
语气的强调而且是斜体
<code></code>
使用等宽代码字体
<pre></pre>
pre包裹住的内容可以保留空格
<q></q>
q表示一个封闭的并且是短的行内引用的文本。这个标签是用来引用短的文本
<blockquote></blockquote>
blockquote元素,代表其中的文字是引用内容。这部分的内容会有一定的缩进