第一阶段HTML5—2019/9/3

4. 换行标签
单词缩写:break(单标签)

<br />

在这里插入图片描述
5. div span标签

<div> </div>
<span> </span>

6.文本格式化标签
在这里插入图片描述在这里插入图片描述
7.标签属性

<标签名  属性1="A"  属性2="B" ……> 

在这里插入图片描述
8.图片标签
单词缩写:image (单标签)

<img />

在这里插入图片描述
在这里插入图片描述
8.1链接标签(重点)
单词缩写:anchor

<a href="跳转目标" target="窗口弹出方式">文本或者图片</a>

在这里插入图片描述
8.2 锚点定位(难点):快速跳转文章某部分
在这里插入图片描述
即 插眼(id=“id名”)传送(href="#id名")
在这里插入图片描述
8.3 base标签(单标签) (放在<head> </ head>之间):全部链接都在新的标签打开,不用再在每条链接后面加target=“_blank”

<base target=“_blank”/>

在这里插入图片描述
9.特殊字符
在这里插入图片描述
10.注释字符(单标签)

<!-- 注释内容-->

在这里插入图片描述

路径

1. 相对路径

  • 图像文件和HTML文件位于同一文件夹
<img src="wo.jpg" />                   直接写图片名
  • 图像文件位于HTML文件下一级文件夹
<img src="image/wo.jpg" />             文件夹名/图片名
  • 图像文件位于HTML文件上一级文件夹
<img src="../wo.jpg" />                ../图片名

2. 绝对路径

  • 复制电脑中图片位置(基本不用)
<img src="C:\Users\王子龙\Pictures\Saved Pictures\wo.jpg" />
  • 复制网页中图片位置
<img src="https://c-ssl.duitang.com/uploads/item/201806/06/20180606174907_WHMTS.png"/>
  1. 列表标签
  • 无序列表ul(重点)
  • 有序列表ol (了解)
  • 自定义列表(理解)

无序列表

<ul>
	<li> 列表项1 </li>
	<li> 列表项2 </li>
	<li> 列表项3 </li>
</ul>

在这里插入图片描述
有序列表

<ol>
	<li> 列表1 </l1>
	<li> 列表2 </l1>
	<li> 列表3 </l1>
	<li> 列表4 </l1>
</ol>

在这里插入图片描述
练习
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值