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在同一行,不换行