html语言课堂笔记

一、浏览器的结构：

1、title（主题、题目）

2、url（网址）

3、body（网页内容）{内容是靠代码实现的 }

浏览器是页面的环境页面的扩展名：.html 应用的扩展名：.exe

常用的浏览器：IE 、360浏览器、谷歌浏览器、QQ浏览器、UC浏览器

我们测试的时候用谷歌浏览器

html语言（超文本标记语言）

结构<标签名>

段落<p></p>

常用快捷键：

Ctrl+S 保存

Ctrl+c 复制

Ctrl+v 粘贴

Ctrl+A 全选

国内的编码是UTF-8

网页骨架：

<!DOCTYPE html> 文档类型申明是H5特有的

<html></html> 网页标签

<head></head> 头部标签

<title></title> 网页标题标签

<body></body> 主题标签

二、标签：

1、双标签

2、单(空）标签

双标签：1、开始标签

两个标签之间是内容

2、结束标签

双标签有哪些？

html、title、head、body、h1--h6、p、a、b（加粗）、i（倾斜）sup（上标）、sub（下标）、em（小图标的）、div（盒子标签）、span(内敛标签）等

单标签有哪些呢？

<img/> 、<hr/>(分割线)、<br/>(换行）、<meta/>(网业元信息）

标题标签：

h1到h6

三、图片是资源本地资源网络资源

插入图片：<img src=" ">

img 为标签名

src 为属性

" 属性值 "

属性是图片的路径

要设置图片的大小用：width（宽）、height（高）单位为px

四、超链接

<a></a>

两个属性：

1、href （需要跳转的页面地址）

2、target（跳转页面的打开方式）

target有两种方式：blank（点击链接是跳转到另一个页面）

self （点击链接在自身页面跳转）

id 是一种起名方式例如 id="只能是英文"

只要使用id起的名字前面必须加#

需要隐藏内容用快捷键：ctrl+？

设置样式用<style></style> 在<head></head>里面加　

例如：　

　　<head>

　　　　<style>

　　　　　　样式格式为#id{ 样式；}

　　　　</style>

　　</head>

五、网页里加表格

table（表格）

td（单元格)

tr（行）

border 决定边框粗细的属性

cell spacing 决定单元格空间的属性

cellpadding 决定单元格内部的边距属性

表格内添加照片怎么解决图片的余白

vertical-align:middle

合并水平单元格用：colspan

合并垂直单元格用：rowspan

例如：3行3列

　　<tr>

　　</tr>

　　<tr>

　　</tr>

　　<tr>

　　</tr>

</table>

html语言 课堂笔记

html语言课堂笔记