HTML 入门笔记1

151 阅读2分钟

THML 入门知识

HTML 是谁发明的

其实说到HTML,这里必须得写到'WWW'万维网的发明,其中HTML可以说是'WWW'组成的一部分。
万维网诞生于1990年左右,由Tim Berners-lee 发明,Lee 写了第一个浏览器,写了第一个服务器,用自己写的浏览器访问了自己写的服务器,同时定义并发明了 HTML、HTTP和URL。

HTML 起手应该写什么

万事开头难,万行不报错

写代码其实和我们说一件事情一样,首先说事情的起因,然后说事情发生的经过,最后说事情发生的结果; 起手应该写出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>

注释:
第1行:文档类型
第2行:语言(em英语,也可改为zh-cn中文)
第4行:文件的字符编码(一般不要改动)
第5行:禁止缩放
第6行:使用最新IE内核
第7行:标题

常用的表章节的标签

标题:h1~h6(对应一级标题到六级标题,每级标题字体大小粗细不一)
章节:section(使代码更加有层次感)
文章:article
段落:p
头部:header
脚部:footer
主要内容:main

全局属性标签

class :
属性规定元素的类名
contenteditable :
标签可编辑
hidden :
标签内容不可见
id :
属性规定 HTML 元素的唯一的 style :
CSS标签样式
tabindex :
属性可设置或返回某个区域的 tab 键控制次序
title :
显示完整内容

常用的内容标签

ol+li 有序列表
ul+li 无序列表
dl+dt+dd 表格
pre 格式化文档
hr 水平分割线
a 网页链接
br 分行
em 文本强调内容
atrong 强调文本,比em更强
code 文本变成等宽字体
q 一个短的引用
blockqoute 块