HTML基础总结 01
发布日期：2021-05-15 00:08:56
浏览次数：22
分类：原创文章
本文共 1111 字，大约阅读时间需要 3 分钟。
学习HTML
-
认识网页
组成:文字,图片,按钮,输入框元素组成
-
网页的标准和规则
结构标准-----> 通过HTML标签搭建好一个网页框架
表现标准-----> 通过css对网页结构进行美化处理
行为标准-----> 通过JavaScript对网页中进行操作 -
了解服务器
概念: 用来浏览网页的软件
内核: 用来渲染网页的一个渲染引擎(将HTML可以转化成可以识别的图文信息)
内核分类: IE(Trident) 谷歌(Blink) 火狐浏览器(Gecko) 苹果(webkit) 欧朋浏览器(Presto) -
HTML的概念
概念: 超文本标记语言 ( Hyper Text Markup Language)
-
HTML的语法结构
基本语法结构 :
< !DOCTYPE html>---------->文档的声明类型
<html>------------>跟标签
<head>------------>设置网页头部信息(网页中的基本信息)
</head>
<body>------------->网页主体
</body>
</htm> -
标签的写法分类
单标签: 标签只有开始,没有结束
双标签: 标签既有开始标签又有结束标签 -
HTML标签之间的关系分类
- 并列关系 : 标签之间相互独立的存在
- 嵌套关系: 标签之间可以相互嵌套包含(子元素和父元素)
- 标签之间基本的嵌套规则:
- 所有的双标签都可以作为父元素或者子元素
- 单标签不能嵌套其他标签
-
把每天的代码以天作为单位进行维护
- 整理代码要有顺序，
- html快速生 ！+tab
-
相对路径和绝对路径
- 相对路径： 以某个文件作为参考
- 当前文件或图片和当前页面在同一个文件夹 直接写文件名字或者。/ 文件名称
- 如果当前文件在上一个目录中写 …/ 代表返回上一级
- 如果当前文件在下一级目录写文件夹名称/图片名称
- 绝对路径： 具有具体的网址路径–具体的网址
- 相对路径： 以某个文件作为参考
-
超链接与锚链接
- 超链接：实现页面跳转
- href：用来设置要跳转的目标路径
- target: 设置页面的打开方式 默认本窗口打开
target ： “self" target = "blank"新的窗口打开（在head变迁中可以统一设置）
- 锚链接：当前页面的其他标签的时候在所需跳转标签加上一个id
- 超链接：实现页面跳转
-
设置网页图标
- 在head标签中设置
<link rel="icon" href="图片路径的名称">
- 在head标签中设置
-
h5多媒体常见的标签
- 视频标签 ：
<video src="视频的路径" control(控制栏) loop（循环播放） autoplay（点击播放） 也有宽度和高度></video> - 音频播放：
<audio></audio>
- 视频标签 ：
发表评论
最新留言
网站不错 人气很旺了 加油
[***.192.178.218]2025年04月15日 20时20分39秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
用std容器做接口参数应注意的问题
2019-03-13
【C++11】std::function和std::bind
2019-03-13
java基础避坑（二）——基础数据类型short
2019-03-13
Hyper ledger Caliper官方文档【中文版】
2019-03-13
以太坊NFT通证制作工具【EIP-721/1155】
2019-03-13
EOS交易离线签名PHP代码
2019-03-13
rx580和gtx1060区别大不大选哪个
2019-03-13
i7 9750h和r5 3550h 哪个好
2019-03-13
机械革命z3pro和x8pro 有什么区别 哪个好详细配置对比
2019-03-13
机械革命Z3 Pro和机械革命蛟龙7有什么区别 哪个好详细配置对比
2019-03-13
i9 11900H和i7 10875h 选哪个
2019-03-13
java工程实现简单Storm--统计字符串频率
2019-03-13
笔记本Window10系统开热点详细步骤
2019-03-13
Windows7系统使用adb remount工具Andorid问题分析
2019-03-13
Ubuntu文件校验MD5
2019-03-13
Ubuntu使用Terminator终端
2019-03-13
php写Json文件操作
2019-03-13
windows环境tomcat8配置Solr5.5.1
2019-03-13
SpringMVC Hello World
2019-03-13
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 461341208 位访客