day02 html5基本标签

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> 删除线

  上标和下标

<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：包裹文本

无含义