9月20日 html笔记
网页的组成:图片,视频等等 网页的结构:HTML
网页的表现:CSS 网页的行为:JS
2014年最终版本HTML5。(重点)
HTML为超文本标记语言 意思是使用这个规范语言,可以使文本内容超越正常的网页布局。
<h1></h1>~<h6></h6>快捷写法
h$6{文本}
-h表示标签
-$表示序号,默认从1开始
-*n表示生成几个
HTML常见的标签
<h1>-<h6>
<p>段落标签
<b></b> <strong></strong>> 加粗标签
<i></i> <em></em> 倾斜标签
<del></del> <s></s> 删除线
<sup></sup> <sub></sub> 上标和下标
<u></u> 下划线
<br/> 强制换行
<hr/> 横线
快捷键
alt + shift + a 部分注释
ctrl + D 选择多个相同的目标
标签 $*n{} $表示从1号开始 *n表示到n结束
无序列表
父级标签:ul
子级标签:li
type:(circle 空心园/disc 实心园/square 方形)
有序列表
父级标签:ol
子级标签:li
type:(1,a,A,I)
start:表示开始
自定义列表
父级标签:dl
子级标签:dt
子级标签:dd
ul>li*n{}
ol和ul一样
dl>dt+dd
工程流程图
图片标签:
<img src="" alt="">
1.标签名称:img
2.标签属性
-src:表示可以导入图片的路径(image preview)
-alt:表示在图片加载失败时候的提示文本
<!-- / 已省略 -->
路径的使用:绝对路径和相对路径
一.绝对路径的使用
1.含有电脑盘符的路径地址
2.注意:只能在自己电脑中使用,不能在其他电脑或者服务器使用
二.相对路径的使用(重点)
1.同级找同级:目标文件名称.后缀名
2.父级找子级:目标文件文件夹/目标文件名称.后缀名
3.子级找父级:../目标文件名称.后缀名
三.常见的路径命令
1. ./ 表示当前目录,可以省略的
2. ../表示跳出当前文件夹,有几层就跳几次,
3. .../错误写法
超链接标签的使用
1.标签名称:a
2.默认样式:
-文字有默认的颜色(颜色会变化)
-文字有下划线
-引导用户点击
3.标签属性
-href:跳转的路径地址
-title:当鼠标移入文本时候的提示内容
-target:目标,表示点击打开窗口的方式
- _self 默认值,覆盖原窗口
- _blank 表示打开新的窗口页
4.拓展:<base>标签 写在头部文件中 <base href="_blank">
盒子
1.div:实现布局
2.span:包裹文本
无含义