HTML
一、概述
HTML:超文本标记语言,是网页使用的语言,定义了网页的结构和内容
HTML最大的特点就是支持超链接,可以跳转到其他网页,从而构成了整个互联网
二、网页的概念
1.标签
HTML代码由许许多多不同的标签构成,标签放在一对尖括号里,大部分标签都是成对出现的,分成开始标签和结束标签
例如:
<title>网页标题</title>
2.元素
标签是源码角度来看,元素是从编程角度来看
<div><p>hello world</p></div>
3.属性
属性attribute是标签的额外信息,使用空格和标签名和其他属性分隔
<img src="demo.jpg"width="500">
4.注释
HTML代码可以包含注释,浏览器会自动忽略注释
<!-- 这是一个注释 -->
三、网页的基本标签
基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>基本结构</title>
</head>
<body>
</body>
</html>
- <!doctype>:通常是网页的第一个标签,表示文档类型 < html >:网页的顶层容器,也成为根元素
- < html >:网页的顶层容器,也成为根元素
- < head >:容器标签,用于放置网页的元信息
- < meta >:用于设置或说明网页的元数据
- < title >:用于指定网页的标题
- < body >:容器标签,用于放置网页的主体内容
四、文本标签
- < div >:通用标签,表示一个区块
- < span >:通用目的的行内标签
- < p >:块级元素,代表文章的一个段落
- < br >:让网页产生一个换行效果
- < hr >:用来在一篇文章中分隔两个不同的主题,浏览器将其渲染成一根水平线
- < strong >:行内元素,表示它包含的内容具有很强的重要性
- < em >:行内标签,表示强调,浏览器将以斜体显示它包含的内容
- < sub >:将内容变为下标
- < sup >:将内容变为上标
五、图片标签
img标签
<img src= "loge.png">
src属性指定图片的地址
六、链接标签
< a >标签
<a herf= "https://www.dodoke.com/">渡课首页</a>
用于浏览器跳转不同网页
七、列表标签
分类
1.有序列表:< ol >标签
<ol> </ol>
2.无序列表:< ul >标签
<ul> </ul>
3.< dl >标签:块级元素,表示一组术语的列表
<dl> </dl>
八、表单标签
表单是用户输入信息与网页互动的一种形式
< form >标签
用来定义一个表单,所有表单内容放到这个容器元素之中
action:服务器接收数据的URL
method
提交数据的HTTP方法:
1.post
2.get
< label >标签
是一个行内元素,提供控件的文字说明,帮助用户理解控件的目的
标签
是一个行内元素,用来接收用户的数据
标签
会生成一个可以点击的按钮,没有默认行为
标签
用于生成一个下拉菜单
< textarea >标签
是一个块级元素,用来生成多行的文本框