H5笔记周记

9.4

一、介绍浏览器

1、title 主题，题目

2、url 网址

3、body 网站的内容

4、html 语言，超文本标记语言

二、文件介绍

三、标签的结构

（一些快捷键：Ctrl+s 保存 ctrl+c 复制 ctrl+V 粘贴）（UTF-8是国内的编码）

1、标签名

2、标签结构 <+标签名+> 例：<p>我的老师</p>

3、标签：开始标签，结束标签

4、网页文档的结构

5、img src="" ：src是属性 ," 属性值 "

9.5

一、标签

1、双标签

（1）开始标签

（2）结束标签

（1）和（2）之间是内容

2、单（空）标签

二、网页骨架

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

<html>网页标签

　　<head>头部标签

　　　　<meta charset="UTF-8">

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

　　</head>

　　<body>主体标签

　　</body>

</html>

三、常见的标签

1、标题标签 6个

h1--h6 <h1></h1>

2、图片（资源：本地资源和网络资源）

目录：当前目录（./）和上一级目录（../）

src是图片的属性、路径。

9.6

1、img的三个属性

img src="路径" width="宽度（像素px）" height="高度（px）"

2、超链接标签 <a href="页面地址"> 你自己起个名字</a>

超链接标签的两个属性

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

（2）target：跳转页面的打开方式（两种）

<1>-blank：再打开一个新的页面

<2>-self:在网页本身跳转

<a href="页面地址" target="-blank/-self">你自己写的内容</a>

3、起名方式

id 使用的时候用“#”

使用方式：

<a href="#a">从我跳转</a>

假装中间隔了十万八千里

<h1 id="a">跳转到这儿</h1>

4、标签

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

（2）单标签：<img/>图片、<hr/>分割线、<br/>换行、<meta/>网页元信息

（3）html特有的注释标签 快捷键 ctrl+?

5、补充起名方式（三个）

PS：第一个字母必须是英文

（1）标签名

（2）id 使用的时候加“#”

（3）class 使用的时候加“.”

<head>

　　<title></title>

　　<style>

　　　　#a1{ color:red;

　　　　　　backgroud:yellow;

　　　　　　}

　　　　.a2{ color:red;

　　　　　　}

　　</style>

</head>

6、 =一个汉字｛空格键｝

9.7

1、表格标签<table></table>

表格标签的三个属性

（1）border 决定边框的粗细

（2）cellpsdding 单元格内部边距的属性

（3）cellspacing 单元格空间的属性

<table boder="1" cellspacing="0" cellpidding="0"></table>

2、img插入表格中会留有余白，如何解决？

img{

　　width=" ";

　　heigh=" ";

　　vertical-align=middle;(解决图片的余白)

　　}

3、colspan:水平合并单元格

rowspan:竖直合并单元格

4、table里套table：创建一个新的table，并设置ID及属性及style里的样式，避免出现问题。

巴特西

H5笔记周记

最新文章

热门文章