HTML基础01

一、基础语法

1、标签

单标签

无属性<xxx / >
    
有属性<xxx value="" />

双标签

无属性<xxx></ xxx>

有属性<xxx value=""></ xxx>

2、整体结构

<html></html>	表网页
<head></head>	头部信息
<body></body>	身体部分

3、DOCTYPE

版本声明
<!DOCTYPE html>

二、常用标签

1、body

属性：
	bgcolor	背景颜色
		(1)颜色(2)RGB(3)16进制
	text 字体颜色
		(1)颜色(2)RGB(3)16进制
多个属性之间使用space隔开

2、h1

<h1></h1>
<h2></h2>
……
<h6></h6>
从h1到h6越来越小
h1标签被搜索引擎获取 不建议大量使用

3、水平线标签

属性
width：
	(1)百分比(2)px
align：
	(1)right
	(2)left
	(3)center默认居中
size:
	1-7

4、段落标签

属性：
align：
	(1)right
	(2)left默认居左
	(3)center
	(4)justify两端对齐

5、换行标签

6、列表

无序列表

<ul>
    <li>list1</li>
    <li>list2</li>
</ul>
属性：
(1)type:图标
	square：实心正方
	circle：空心圆
	disc:（默认）实心圆

有序列表

<ol>
    <li>list1</li>
    <li>list2</li>
</ol>
属性：
(1)type:序号
	1:数字
	a:小写字母
	A:大写字母
	i:小写阿拉伯数字
	I:大写阿拉伯数字

7、div

布局 与css配合
属性
align(div中内容的对其方式)

8、span

行内元素

标签不会自动换行

9、格式化标签

font

设置字体相关的属性
<font></font>
属性：
	color：(1)颜色(2)16进制(3)RGB
	size:大小1-7
	face:字体

pre

定义预格式化的字体
保留文本中的换行和空格
<pre></pre>

10、几个常用的格式

加粗：
	<b></b>
	<strong></strong>
斜体
	<i></i>
下划线
	<u></u>
中划线
	<del></del>
下标
	<sub></sub>
	H<sub>2</sub>O
上标
	<sup></sup>
	m<sup>2</sup>
posted @ 2021-02-22 19:55  Zhou_DE_blogs  阅读(54)  评论(0)    收藏  举报