HTML简单的标签

HTML

概述:

​ 是超文本标记语言

​ 有固定的结构:head(头部信息) body(主体内容)

<html>文档声明,用来声明HTML文档所遵循的HTML规范。

 <head></head>头部分,用来存放HTML文档的基本属性信息,比如网页标题、编码格式,这部分内容会被网页优先加载。

 <body></body>体部分,用来存放网页要显示的数据。

 <title></title>声明网页标题

 <meta charset="utf-8"/>用来通知浏览器使用哪个编码来打开HTML文档,打开的方式一定要和保存文件时使用的编码一致,避免出现中文乱码问题。


入门案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>入门案例</title>
	</head>
	<body>
		你好,Html
	</body>
</html>

基本标签

标题标签: h1~h6

列表标签:ol:定义列表,有序 li:定义列表元素

图片标签:

俩种写法:开始标签/结束标签。

img就是自每个标签都是可以加属性

src属性: 专门来指定图片是src的值是图片的路径,想找到和当前网页文件同级的目录,然后在去目录里找

像素: px

超链接标签: 必须配置href属性

​ href属性的值,就是跑跳转到的页面

​ target属性来指定当新页面的打开方式(默认当前窗口_self)

<a href="https://www.baidu.com.cn/" target="_blank">百度一下</a>

锚定: 回到顶部

<a name="top">如何套取富婆的欢心</a>
<h5>123</h5>
<a href="#top">

input标签: 文本输入框,可以通过type指定不同的输入框

<input type="text" />  <!-- 普通的输入框-->
				<input type="number" />  <!-- 数字的输入框-->
				<input type="password" /> <!-- 密码 -->
				<input type="radio"/><!-- 单选框 -->
				<input type="week" />    <!-- 日历 -->
				<input type="checkbox" />杨幂  <!-- 复选框 -->
				<input type="button"  value="点我一下"/> <!-- 按钮-->
				<input type="submit"  value="提交数据"/> <!-- 提交数据-->

表格标签

表格标签:

​ table表示向网页中插入一个表格

​ 由行和列组成,行用 tr 表示,列用 td 表示

​ border 属性是给表格加边框

​ width属性是设置表格的宽度

​ bgcolor属性是设置单元格背景色

​ cellspacing属性是设置单元格的间距0

其他标签:

				div  是块级元素,会自动换行

				p  标签表示段落,会自动加空行

				span    是内联元素,多个span在同一行,不换行
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值