HTML：超文本标记语言，用来制作网页的一门语言，由标签组成的。比如：图片标签、链接标签、视频标签等...
Web标准由W3C制定
| 结构 | HTML 骨架 |
| 表现 | CSS 衣服 |
| 行为 | javaScript 行为 |
主流浏览器及内核
| IE | Trident | |
| fire fox | Gecke | |
| Safari | webkit | |
| chrome/opera | Blink | blink是webkit的分支 |
HTML基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>快捷生成 ！+ Enter 或者 HTML:5
<!DOCTYPE html>声明这是一个HTML文件
被<html>包裹
<head></head>
<body></body>
</html>
UTF-8 (万国码)防止出现乱码 还有 GBK--- 国标扩展码、GB2312 --- 中文简体
标签
单标签和双标签
有语义标签和无语义标签
如：单标签<br> 双标签 <p +属性名=""(''单双引号没有差别)></p> 飘红为废弃标签 不影响练习
基本标签
字符实体
| | 英文空格 |
| &esmp; | 中文空格 |
| © | 版权符号 |
| ® | 注册商标 |
颜色设置
-
16进制
取值范围：09af (只有6位和3位 两个相同的可以省略一个)
-
英文单词
-
rgb或rgba
取值方位：r红g绿b蓝为0255 a为透明度01
链接和路径
-
外部链接 <a href="http://baidu.com"> </a>默认字体为蓝色加下划线点击后变紫色 （绝对路径）
内部链接 在当前文件夹内构成链接<a href="./文件名"> </a>或在上一级文件夹里<a href="../文件名"> </a> （相对路径）
从一个文件找另一个问价的过程叫路径
-
target <a href="http://baidu.com" target=_self /_blank> </a> self不新增页面 （默认）blank新增页面
-
锚链接：跳转到同页或不同页位置 先给要跳转到的位置的标签起一个id名<a href="#id名">要点击的文字 </a> 要跳转到页面里的位置 <a href="绝对路径#id名">
-
图片标签<img src=" 图片位置" alt="图片无法显示时展示的文字" title="鼠标悬停在图片上的名 "
一点心得
画三角形时底边厚度是top bottom 的宽度
高是 left right 的宽
扫一扫
282
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
