查看: 1668|回复: 0

[HTML代码] HTML学习总结

发表于 2018-4-5 08:00:01

一:什么是 HTML 文件?
1):HTML 指超文本标签语言。
2):HTML 文件是包含一些标签的文本文件。
3):这些标签告诉 WEB 浏览器如何显示页面。
4):HTML 文件必须使用 htm 或者 html 作为文件扩展名。
5):HTML 文件可以通过简单的文本编辑器来创建。
二:结构
4 html语言的结构

编码规范的(gbk/utf-8) -?头文件标签
标题标签


html主体部分:这些内容最终会在浏览器中显示

-?有标签体的标签

三:html标签的分类
1) 标题标签:从

,

定义最大的标题。

定义最小的标题。
2) 换行标签:

3) 水平线标签:

4)换行标签:

5)段落标签:


6)段落缩进:


7)上下标标签:
8)原样输出标签:

9)字体标签:
10)居中标签:

11)图像标签:img 空标签体

属性:
src:链接到的资源图片
width:图片的宽度 两种方式:一种指定px(像素) 第二种:百分比
title:悬停状态,会显示文字
alt:当图片失效的时候,用来解释说明该图片
height:图片的高度
12)转义字符:
空格: 注意事项(分号一定要带上)
<: < ; (letter than)

:>(greater than)


注册商标:? ?
版权所有:? ?
13)有序列标签
ol li列表项
14)无序列标签
ul li列表项
15)超链接标签
1>连接到某个资源文件或者资源地址(URL)
2> 作为锚连接来使用
在同一个html页面下:
a> 打锚点:

b)创建跳转
跳转

  1. 不同页html页面下:
  2. c)打锚点:
  3. <a name=”锚点名称”></a>
  4. d)创建跳转标记
  5. <a href=”资源文件或者资源地址#锚点名称”>跳转</a>
复制代码

16)表格标签:
1>table标签
属性:border 表格的边框 width 表格的宽度 height表格的高度
2>align:标签在浏览器中的对齐方式 bgColor:背景色
3>tr:行标签
4>td:列(单元格)
5>th:表头标签(默认为:居中,加粗)
6>行合并:rospan
7>列合并:colspan

四:CSS网页布局
1)css的使用方法有三种:
1> 行内样式
标签 style属性:指定样式
弊端:style属性它和html标签混合使用,不利于后期维护
2>内部样式
书写格式:
选中某个标签名{
书写样式;
}
3> 外部方式
a) 创建css文件:指定标签的样式
标签选择器{
书写样式;
}
b) 需要外部导入该css文件
rel属性:关联层叠样式表

2)css背景
1> 背景边框的设置:首先在头文件中加入


This is header 1



4)css字体
1>首先在头文件中加入


This is a paragraph


5)css边框的设定
1>首先在头文件中加入


A dotted border



3>在p. { border-color: .......}进行颜色的设定
eg: