HTML整理01

HTML

HyperText Mark-up Language(超文本标记语言)
标记出网页中的内容给浏览器解析

HTML的语法

注释

<!-- 注释内容 -->
用来对代码进行解释,给自己或者团队成员看!
文档声明

<!doctype html>

作用:告诉浏览器以标准模式解析代码!

标签

单标签

<标签名 />
<img />
<hr />
<br />
<input />

双标签

<标签名>内容</标签名>
<h1>标题</h1>

属性

属于标签的一部分,作用是对标签进行一种补充

<标签名 属性名="值"></标签名>
<h1 style="color:red"></h1>
<img src="" width="200" style="width:100px">

主体结构

文档声明
HTML标签
head头
body体
title 标题
meta 设置字符集编码
编码不统一会导致中文乱码
1. 文件编码
2. meta标签设置编码
3. 浏览器设置编码

放在head头里面的标签

title 设置网页标题
meta 定义网页的元信息
属性:
charset 设置网页字符集,值一般设置为utf-8
content 定义其他属性相关的元信息
name 将content的值关联到一个名称
值:
author 设置网页的作者
keywords 设置网页关键字
description 设置网页描述
例:

<meta content="泷泽老师" name="author" />

http-equiv 设置http头部信息
值:
content-type 设置网页内容类型
refresh 设置页面自动刷新或者跳转
例:3秒后跳转到百度:

扫描二维码关注公众号,回复: 4229465 查看本文章
 <meta content="3;url=http://www.baidu.com" http-equiv="refresh" />

link标签 设置外部文件与本文档的关系
作用:
1. 加载外部css文件
2. 加载标题栏的小图标
例:

<link rel="icon" href="小图标的地址">

放在body里面的标签

标题标签 h1~h6 h1最大,h6最小
段落标签 p

粗体标签 b
strong 表示重要,以粗体显示

斜体标签 i
em 表示强调,以斜体显示

sub 下标
sup 上标

按钮标签 button

bdo 可以修改文本的显示方向
属性: dir
值:rtl right to left 从右到左
ltr left to right 默认从左到右

del 删除标签,会在文本中间加横线
u 下划线标签,会给文本加下划线
time标签,定义时间

实体字符

在HTML里面,某些字符是预留的,预留的字符都有相对应的实体
&nbsp; 空格
&lt; 小于号 <
&gt; 大于号 >
&copy; 版权符号

无序列表 ul 前面的符号是实心小圆点
有序列表 ol 前面的符号是阿拉伯数字
li标签 定义列表项

猜你喜欢

转载自www.cnblogs.com/zhony/p/10016950.html
今日推荐