HTML

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>
  1. <!doctype>:通常是网页的第一个标签,表示文档类型 < html >:网页的顶层容器,也成为根元素
  2. < html >:网页的顶层容器,也成为根元素
  3. < head >:容器标签,用于放置网页的元信息
  4. < meta >:用于设置或说明网页的元数据
  5. < title >:用于指定网页的标题
  6. < body >:容器标签,用于放置网页的主体内容

四、文本标签

  1. < div >:通用标签,表示一个区块
  2. < span >:通用目的的行内标签
  3. < p >:块级元素,代表文章的一个段落
  4. < br >:让网页产生一个换行效果
  5. < hr >:用来在一篇文章中分隔两个不同的主题,浏览器将其渲染成一根水平线
  6. < strong >:行内元素,表示它包含的内容具有很强的重要性
  7. < em >:行内标签,表示强调,浏览器将以斜体显示它包含的内容
  8. < sub >:将内容变为下标
  9. < 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 >标签

是一个块级元素,用来生成多行的文本框

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值