美文网首页
《HTML入门笔记1》

《HTML入门笔记1》

作者: Yandhi233 | 来源:发表于2021-08-16 22:32 被阅读0次

1. HTML 是谁发明的

HTML是由Tim Berners-Lee(李爵士)发明,HTML全称Hyper Text Markup Language,即超文本标记语言

2. HTML 起手式应该写什么

输入!按tab键快速生成

<!DOCTYPE html>
<!--声明文档类型为html-->
<html lang="en">
<!--language语言,en为英文,zh-CN为简体中文-->

<head>
    <meta charset="UTF-8">
    <!-- 文件字符编码为UTF-8 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 以上代码告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 移动端适配,兼容手机 -->
    <title>Document</title>
    <!-- Document为网页标题 -->
</head>

<body>
    <!-- 网页主要内容 -->
</body>

</html>

head 标签元素是所有头部元素的容器。<head> 标签元素必须包含文档的标题标签<title>,可以包含脚本、样式、<meta> 信息以及其他更多的信息。其中:

meta标签中 content 属性值 :

width: 可视区域的宽度,值可为数字或关键词device-width
height: 同width
ntial-scale: 页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显 示,无任何缩放

body 标签内主要包含网页内容。

3. 常用的HTML章节标签

  • h1~h6: 标题标签,h1级别最高,字体也最大,依次递减

  • section: 章节标签, <section> 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。

  • article: 文章标签,<article> 标签定义独立的内容。<article> 标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。

  • header: 头部标签,标签定义文档或者文档的一部分区域的页眉, 元素应该作为介绍内容或者导航链接栏的容器。

  • footer: 底部标签,<footer>标签定义文档或者文档的一部分区域的页脚,元素应该包含它所包含的元素的信息。在典型情况下,该元素会包含文档创作者的姓名、文档的版权信息使用条款的链接、联系信息等等。

  • aside: 旁支标签,定义 <article> 标签外的内容。<aside> 的内容应该与附近的内容相关。

4. 全局属性

  • class: 规定元素的类名(classname)

  • id: 规定元素的唯一 id,最好不要用,因为id不唯一时也不会报错,不便于查找bug

  • style: 规定元素的行内样式(inline style)

  • hidden: hidden 属性规定对元素进行隐藏

  • contenteditable: 规定是否可编辑元素的内容

    <p contenteditable="true">这是一个段落。是可编辑的。尝试修改文本。</p>
    
  • tabindex: 设置元素的 Tab 键控制次序

    tabindex = 1,最先被访问
    tabindex = -1,不可以被访问
    tabindex = 0,最后被访问

5. 常见的内容标签

  • a: <a> 标签定义超链接,用于从一个页面链接到另一个页面。
    <a> 元素最重要的属性是 href 属性,它指定链接的目标。

  • strong: 加粗文本,强调 内容,默认加粗

  • em: 强调 语气,默认斜体

  • code: 定义计算机代码文本

  • pre: 可定义预格式化的文本

相关文章

  • HTML入门笔记1

    1. HTML是谁发明的? 蒂莫西·约翰·伯纳斯-李 爵士(Tim Berners-Lee) 。 2. HTML ...

  • HTML入门笔记1

    万维网 WWW & HTML 的发明 WWW 简述 WWW = URL + HTTP + HTML WWW: Wo...

  • HTML入门笔记1

    HTML 是谁发明的 1990 年,由于对 Web 未来发展的远见,Tim Berners-Lee 提出了 超文本...

  • HTML入门笔记1

    HTML是由谁发明的? 1990年左右由Tim Berners Lee发明 HTML 起手应该写什么? 常用的表章...

  • HTML入门笔记1

    今天笔者看完了饥人谷的HTML网课,对于其又有了全新的理解。今天笔者就来与大家分享一下。包括HTML的概述,历史以...

  • HTML入门笔记1

    1.HTML 是谁发明的 HTML 是网页使用的语言,定义了网页的结构和内容。浏览器访问网站,其实就是从服务器下载...

  • 《HTML入门笔记1》

    1.HTML的发明者是Tim Berners-Lee。 2.HTML 起手应该写什么 ```

  • HTML入门笔记1

    一、HTML 是谁发明的? 1990年左右,Tim Berners-Lee(蒂姆·伯纳斯·李)发明了万维网(亦作“...

  • HTML入门笔记1

    1 HTML 是谁发明的? 蒂姆·伯纳斯·李(Tim Berners-Lee) 2 HTML 起手应该写什么 ...

  • HTML入门笔记1

    HTML 是谁发明的 HTML 是 Tim Berners-Lee 爵士发明的 HTML 起手应该写什么 应写: ...

网友评论

      本文标题:《HTML入门笔记1》

      本文链接:https://www.haomeiwen.com/subject/aplvbltx.html