HTML入门笔记1

HTML 是谁发明的

1990 年,由于对 Web 未来发展的远见,Tim Berners-Lee 提出了 超文本 的概念,并在第二年在 SGML 的基础上将其正式定义为一个标记语言。IETF 于 1993 年正式开始制定 HTML 规范,并在经历了几个版本的草案后于 1995 年发布了 HTML 2.0 版本。1994年,Berners-Lee 为了 Web 发展而成立了 W3C。1996 年,W3C 接管了 HTML 的标准化工作,并在1年后发布了 HTML 3.2 推荐标准。1999 年,HTML 4.0 发布,并在 2000 年成为 ISO 标准。

HTML 起手应该写什么

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

<!DOCTYPE html> 文档类型为 html
<html lang="en"> 这里的lang="en"表示语言,可以改为zh-CN
<head> 规定文档相关的配置信息,包括文档的标题,引用的文档样式和脚本等。里面的内容不会显示在网页上
<meta charset="UTF-8" /> 字符编码,默认UTF-8(包含所有语言)
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 表示禁止缩放,兼容手机
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
告诉IE使用最新的内核(IE11)
<title>网页的标题</title> 表示网页的标题
<body> 主要的内容都写在里面

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

<h1>~<h6> 标题,一级标题到六级标题从大到小
<section> 表示章节
<article> 定义定义独立的内容,必须是有意义的且独立于文档的其余部分
<main>     写主要内容的地方
<p>         表示文本的一个段落
<aside>   旁支内容,可用作文章的侧栏
<header>  文档的页眉
<footer>  文档的页脚
<div>      划分元素

全局属性有哪些

class给标签分类,加一个标记,简写.xxx
contenteditable 让元素可以在网页上编辑,配合style可以实时编辑
hidden让元素在网页上看不见
id标记全页面唯一的元素
     (不到万不得已,不要用id,用class就够了)
style在html中给元素加css样式
tabindex用tab健可以访问页面上的元素,不常用

  1. tabindex=1~无穷大 从小到大访问
  2. tabindex= -1 不访问
  3. tabindex=0 最后一个访问

title元素超长时用css表示为省略号,title可以显示省略号内完整内容

常用的内容标签有哪些

<ol> 有顺序的列表
​      <li> 列表中的一项(前面是数字)

<ul> 无顺序的列表
​     ​<li> 列表中的一项(前面是小圆点)

<dl> 描述列表
     ​<dt> 被描述对象
     ​<dd> 描述内容

<pre>保留里面的所有空格,回车,tab,默认样式不管几个都会缩成一个

<code>写代码用的,配合pre可以跟软件写的样式一样

<hr> 水平分割线

<br> 换行

<a>锚点,超链接

<em>语气强调

<strong> 标签和<em> 标签一样,用于强调文本,但它强调的程度更强一些。

上述内容参照饥人谷

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容