HTML入门初学习

html初学习（1）

1:一个html文件的开始标签和结束的标签

2:html包含两部分内容

（1）

设置相关信息

(2)

显示在页面上的内容都写在body里面

3:html的标签有开始标签，也要有结束标签

4:html的代码不区分大小写的

5:有些标签，没有结束标签，在标签内结束

比如 换行
一条横线

---

html的操作思想：

网页中有许多数据，不同的数据可能需要不同的显示效果，这个时候需要使用标签把要操作的数据包起来（封装起来），通过修改标签的属性值实现标签内数据样式的变化。

html中常用的标签：

1：文字标签和注释标签

*文字标签：修改文字的样式

--

--属性：

*size：文字的大小 取值范围 1~7，超出7，默认还是7

*color：文字的颜色

--两种表示方式

**英文单词： red green blue.....

**使用十六进制数表示 #ffffff：rgb

-通过工具实现不同的颜色

*注释标签

--html的注释：

2:标题标签、水平线标签和特殊字符

*标题标签

--从h1到h6，大小一次变小，同时自动换行

*水平线标签

--

---

*属性

-size：水平线的粗细，取值范围 1~7

-color:颜色

*特殊字符

-需要对特殊字符进行转义

* < : <

* > : >

* 空格 :

* & : &

3:列表标签

--比如现在显示这样的效果

古龙

绝代双骄

风云第一刀

欢乐英雄

**

: 表示列表的范围

**在dl 里面

 

: 上层内容

**在dl 里面

 

：下层内容

-代码

古龙

绝代双骄

风云第一刀

欢乐英雄

--想要在页面上显示这样的效果

1.绝代双骄

2.风云第一刀

3.欢乐英雄

a.绝代双骄

b.风云第一刀

c.欢乐英雄

i.绝代双骄

ii.风云第一刀

iii.欢乐英雄

**

: 有序列表的范围

-属性 type ：设置排序方式 1（默认是），a，i

**在ol标签里面

• 具体内容

-代码

1. 绝代双骄
2. 风云第一刀
3. 欢乐英雄

**

: 表示无序列表的范围

属性：type：空心圆circle、实心方块squre、实心圆disc，默认disc

**代码

• 绝代双骄
• 风云第一刀
• 欢乐英雄

就目前来说，html前面的内容还是比较简单易懂的，就是需要记忆的东西比较多，今日就如此了，来日继续努力！