只是一个小小的学习笔记(
HTML标签
每个网页都有一个结构标签(骨架标签),页面内容也是在这些基本标签上写
| 标签名 | 定义 | 说明 |
|——————-|————|——————————————|
| <html></html> | HTML标签 | 页面中最大的标签,称为根标签 |
| <head></head> | 文档头部 | 必须要设置标签title |
| <title></title> | 文档的标题 | 让页面有一个网页标题 |
| <body></body> | 文档的主体 | 文档的所有内容,页面内容基本都放入body内 |
常用标签
标题标签
为了使网页更具有语义化,使用标题标签,一共有6个等级:<h1>---<h6>1
<h1>我是一个可爱的一级标题</h1>
段落标签和换行标签(重要)
文字的换行需要使用<p>标签来定义段落,会另起一行1
2<p>我是第一行喵~ >▽< </p>
<p>我是第二行喵~ >▽< </p>强制换行使用
<br/>, 不另一起一行文本格式化标签
文字设置粗体、斜体、下划线语义 标签 加粗 <strong></strong> 或者<b></b>倾斜 <em></em> 或者<i></i>删除线 <del></del>或者<s></s>下划线 <ins></ins> 或者 <u></u>div和<span>标签
两者没有语义,相当于一个容器(盒子),用来装内容
特点:<div>标签用于布局,但一行只能放一个(大盒子)<span>标签用于布局,一行可以放多个(小盒子)
图像标签(重要)
- 图像标签
<img>标签用于定义HTML页面中的图像
1
2除了src 还有alt(图片显示不了的替换本文)、title(鼠标放在图片上的提示文本)、width、height、border(设置边框)等
<img src="图像URL" title = "我是提示信息"/>src是必须属性,用于指定图像文件的路径和文件名
- 图像标签
超链接标签(重要)
链接的语法形式1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21基本语法
<a herf="跳转目标" target="目标窗口的弹出方式"> 文本或图像(元素) </a>
1 外部链接
<a herf="http://www.4399.com"> 好康的</a>
2 内部链接
<a herf="index.html"> 当前目录下的文件</a>
3 空链接
<a herf="#"> 点完什么都不会发生哦</a>
4 下载链接
<a herf="hop.mp4"> 点击参观米奇妙妙屋</a>
5 网页元素的链接
<a herf="http://www.baidu.com"> <img src="img.jpg"/></a>
6 锚点链接(可以定位当前页面的某个位置)
在herf属性中,设置属性值为#名字的形式,如`<a herf="intro"> 污渍</a>`
在目标位置的标签中,添加id属性,如`<h3 id = "intro"> 污渍介绍</h3>`anchor:锚, 两个属性如下
- herf:用于指定链接目标的url地址
- target:用于指定链接也免得打开方式,其中_self为默认值,_blank为在新窗口中打开方式
文档声明标签
<!DOCTYPE> 文档类型声明,使用哪种HTML版本来显示网页
1 |
注意 :
<!DOCTYPE>声明位于文档中最前面的位置,在html标签之前<!DOCTYPE>不是HTML标签,是文档类型声明标签
注释和特殊字符
- 注释:
<!--我是注释内容, ctrl+/ 可快速添加注释--> - 特殊字符: 常用三个
- 空格:
- 小于号:
<less - 大于号:
>greater
- 空格:
表格标签
基本语法
1 | <table> |
- table:用于定义表格的标签
- th:表示表头
- tr:用于定义表格中的行
- td:用于定义表格中的单元格,为单元格内容(table data)