HTML入门

来源：互联网发布：企鹅聊天软件编辑：程序博客网时间：2024/06/08 04:40

1 HTML5

1.1 html5声明：

1. !：该标签并不是html元素。
2. doctype：文档类型。
3. html：<html>是页面的根元素

1.2 meta元素

meta元素告诉浏览器一些页面的信息。
1. <meta charset="utf-8">
2. <meta name="viewport" content="width=device-width, initial-scale=h">
3. <meta http-equiv="X-UA-Compatible" content="ie=edge">

1.3 元素类型

块级元素(block)：在页面中独占一行。
内联元素(inline)：按顺序展示，不独占一行。

1.4 常用协议

http协议：网页前都是http://开头，表示https协议。
file协议：在本地打开html文件，浏览器中地址显示file://，表示采用file协议。

2 文本

2.1 基本文本

h1-h6：标题
p：段落
a：超链接；属性：
- href：链接(index.html#location)。
- target：目标窗口，_blank表示新打开空窗口。
q：短引用；行内元素；文字会被双引号包围。
blockquote：长引用；块级元素；文字会被双引号包围。
code：代码
big：放大文本
small：缩小文本
sub：下标
sup：上标
b：粗体
string：着重内容；表现为加粗
em：强调内容：表现为斜体
i：与父标签中其他内容有所区分的内容：表现为斜体。但常用来放字体图标::before，这事好像是bootstrap最先干的。
pre：预格式文本：保留文本中的换行和空格。

3 void元素

img：图像；属性：
- src：图像路径。
- alt：图片不现实时显示的文字，并且阅读网页时会读。
br：换行；<br>
button
meta
input

4 一些语义化标签

header：页眉
nav：导航
section：主区块，相关内容分组在一起。
article：独立的内容，一般包含header，内部再包含h1，下面包含p。
footer：页脚
aside：侧边栏。
mark：带有记号的文本，表现为背景色改变。
video：视频
audio：音频
progress：进度条
meter：某个范围的度量，比如温度计。

0 0