Html01
快捷键的认识
|
Ctrl+c |
复制 |
|
Ctrl+v |
粘贴 |
|
Ctrl+a |
全选 |
|
Ctrl+x |
剪切 |
|
Ctrl+s |
保存 |
|
Ctrl+z |
返回上一步 |
|
Alt+tab |
切换软件 |
认识大前端
１.1 解决用户体验
１.2 Web(网页) 移动端
１.3 态度
Http：浏览器与服务器之间传输消息的一种规范
https：加密处理
Url地址：
１ 认识html
- <! Doctype html>
- <html> 根标签
- <head>
- <title></title>
- </head>
- <body></body>
- </html>
<! Doctype html> 文档类型
<head></head> html文档头部分
<title></title> 网页的标题
<body></body> html结构的主体部分
标签的分类
☞单标签：只有开始标签没有结束标签
例如：<! Doctype html>
☞双标签：有开始标签和有结束标签
例如： <body></body>
标签关系分类
☞并列关系（兄弟）
<head></head>
<body></body>
☞嵌套关系（包含）
- <head>
- <title></title>
- </head>
显示代码结构
新建文件
１ Html标签介绍
单标签
文本换行标签
横线标签
<hr>
双标签
段落标签
标题标签
注意：标题标签只能 取到数字1-6
文本标签
<font></font>
文本格式化标签
文字加粗显示： <strong></strong> <b></b>
文字斜体：
<em></em> <i></i>
文字删除线
Alt：当图盘无法正常显示的时候，对图片的描述
Width: 用来设置图片宽度
Height: 用来设置图片高度
<a href=””></a>
页面跳转
属性：
Title: 当鼠标放到超链接上显示 的文字
target="_self" 默认值 网页在当前页面中打开
target="_blank" 网页在新窗口中打开
优化的写法：
锚链接介绍（a）
任何一个标签设置id属性，并取值
给a标签设置href属性 “#id名称”
文字和图片都可以设置超链接。
简单的下载功能
属性介绍：
type="square" 小方块显示
type="circle" 小圆圈
有序列表（ol）
- <ol>
- <li></li>
- <li></li>
- </ol>
Type属性：
A, a ， i (小写的罗马数字) I(大写的罗马数字)
start="3" li前面的显示从第几个开始
自定义列表（dl）
- <span style="font-size:14px;"> <dl>
- <dt></dt> 小标题
- <dd></dd> 列表项
- <dd></dd>
- <dd></dd>
- </dl></span>
放置背景音乐
