互联网三要素:HTML、HTTP、URL
HTML(Hyper Text Markup Language):超文本标记语言
HTTP(HyperText Transfer Protocol):超文本传输协议
URL(Uniform Resource Location) :统一资源定位符
HTML简介1:
HTML:超文本标记语言
超文本:文本信息 、图片、声音、视频、超链接等
标记:标签的体现
1、<!DOCTYPE html>
HTML5中的文档约束(DTD),代表使用的是H5格式
2、<meta>
标签
在书写超链接时,必须在域名前写上: http://¬¬¬¬对搜索引擎优化,添加关键字、描述、作者、版权等信息
设置自动刷新网页
禁止网页缓存
3、body内的常用标签
a) 标题标签<h>
分为h1-h6,字体由大到小,会自动换行
—align:调整对齐方式
b) 分割线标签<hr>
—width:分割线水平宽度
—color:颜色
—size:垂直宽度
c) 段落标签<p>
在两个段落之间会有段间距,适合排版时使用
— :空格
d) 预文本标签<pre>
按照书写方式输出,灵活性较大,不推荐使用
e) 常用的小标签
--u 下划线
--I 斜体
--b 加粗
--del 删除线标签
--sup 上标标签
--sub 下标标签
--small 字体变小标签
-big 字体变大标签
f) 字体标签<font>
-color 颜色
-size 大小
-face 字体
g) 列表标签
--ol 有序列表
--ul 无序列表
--dl 自定义列表
h) 跑马灯标签<marquee>
-direction 滚动方向
-scrollamount 滚动速度
g) 超链接标签<a>
实现锚点功能
实现不界面之间的跳转
-href 指定跳转到目标资源位置
-target 打开网页的方式
-self 从本页跳转
-blank 另起一页跳转
-xxx... 自定义
<a href="#bottom" name="top">返回底部</a>
<a href="#top" name="bottom">返回顶部</a>
h) 图片标签<img>
-src 引入图片的位置{相对路径、绝对路径、网络路径
-title:图片的标题
-alt:图片无法正常显示的时候显示的属性
-align:图片的位置 ,必须有参照物
i) 表格标签<table>
-border 边框大小
-width、heigth 单元格宽高
-cellpadding 内容和单元格的距离
-colspan 合并列
-rowspan 合并行
-bgcolor 背景色
--tr 表格行(height指定行高)
--td 表格列(width指定列宽)
--th 标题列:自动加粗居中
tip:Table>tr3>td3+tab 快速指定一个三行三列的表格
J)表单标签
-action 表单提交的位置,可以进行页面跳转
-method 表单提交方式(post、get)
-get:参数会依附于url地址之后,数据长度有限制,不安全
-post:参数不会依附于地址,不受限,安全
--input 设置输入框体
-type 框体类型
-text 文本框
-checkbox 多选框
- textarea 多行文本框
-file 文件选择框
-hidden 隐藏框
-select、option 下拉框
-submit 提交按钮
-reset 清空按钮
-button 普通按钮
**-name 框体的内部名称
-value 默认显示框体的值**
k) 框架标签<iframe>
-width 宽度
-heigth 高度
-name 框架的值
-src 资源的位置
产生三条连接标签
Html5简介:
H5中的表单增强标签<form><input>
-email 邮箱输入框
-number 数字输入框
-range 滑动器输入框
-date、week、moth 日期输入框
-color 颜色输入框
H5中的音频标签<audio>
-src
-controls
H5中的视频标签<vedio>
-src
-controls
-width
-heigth
多媒体标签<embed>
-width
-heigtth
独立内容标签<figure>
用来表示网站制作页面上一块独立的内容,将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。
-figcaption
着重强调标签<mark>
细节/选择标签<details>
-summary
刻度标签<meter>
-max 规定的最大值
-min 规定的最小值
-value 当前的值
-low 自定义最小值
-high 自定义最大值
进度条标签<progress>
-max 规定的最大值
-min 规定的最小值
-value 当前的值
画布标签 <canvas>
上面知识点知识本人总结的,想要深入学习的话请跳转至http://www.w3school.com.cn/专业的前段技术学习网站,免费开源!!!
领先的 Web 技术教程 - 全部免费
在 w3school,你可以找到你所需要的所有的网站建设教程。
从基础的 HTML 到 CSS,乃至进阶的 XML、SQL、JS、PHP 和 ASP.NET。
从左侧的菜单选择你需要的教程!
提取码:hqfu
复制这段内容后打开百度网盘手机App,操作更方便哦
- 使用软件HBbuilder,无需注册,直接暂不登陆即可使用~~~分享如下链接:https://pan.baidu.com/s/1Q9dTwMDY8F_B2FGrFxL07w ↩