一、html基本结构
二、HTML Hyper Text Markup Language 超文本标记语言
根标签 设置给浏览器用的,是人看不到的 是展示给用户看到 charset=”utf-8” 属性=“属性值” 属性不用加引号,属性值需要加引号 告诉搜索引擎爬虫,我们的网站是关于什么内容的,en代表英文 zh代表中文 de代表德文三、基本标签
- p :段落标签
- h1~h6:标题标签 特点:独占一行,加粗字体,文字从大到小
- 加粗字体
- 斜体 加粗并倾斜
- divsion块的意思,独占一行
功能:分块明确,让整个页面结构化
6. 行内元素 让一些文字突出显示,会用span
7. 特殊符号
空格 < less than 小于 > great than 大于 © 版权©
8.
换行
水平线
9.
alt:图片不显示时提示的文字 title:鼠标移入显示的文字
10. 百度
锚点链接?页面跳转 页面间的跳转?
- 列表
无序
ul li两个标签
语法:
- 首页
- 自我介绍
主要用于:导航,侧边栏,有序排列的图文
有序
ol li两个标签
语法:- 首页
- 自我介绍
自定义
dl dt dd: data list定义列表 data term 列表项 data description :列表项的描述
语法:dt>
水果- 苹果
- 香蕉
dt> 蔬菜- 黄瓜
- 土豆
1.1去除列表样式使用哪个属性?
list-style:none
List-style-type:none- 表格
89 89 常用属性:跨行:rowspan 跨列:colspan 边框 border语文 语文 - 表单
姓名:
文本类型 密码 邮箱:会自动检测格式是否正确 网址: 会自动检测网址格式是否正确女
男 单选按钮:name名控制单选按钮为一组,写一样的名字运动
篮球 复选框: name名控制单选按钮为一组,value值不同,爱好则不同提交按钮
普通按钮
重置按钮文件上传
数字:自动检测
搜索框
滑块
进度条文本域,写多行文本
上海 下拉列表<select name=”city”> <option value=”1”>北京</option>
datalist列表的使用? 重要!!!
</form> action:将页面元素提交到哪个页面 method:提交的方法 get ,post
- 媒体元素
音频:audio
视频 :video
Loop:循环播放
Autoplay:自动播放
15.
四、标签的分类
标签分为几类
块元素、行内元素
块元素:p ,h1~h6,ol,ul,li,dl,dt,dd,div
行内:a 、img、span、strong、em自闭合标签、成对标签 自闭合:br hr img 成对 :p ,h1~h6 ,table ul,ol,a,span,strong,div 特殊字符 < > ©