2019-07-04 1.分组元素；2.超链接和路径；3.表格元素（重点）

1、知识点

单标签 br hr img base
图像元素
1.基本图像插入方式

2.带有alt 的图像 文字代替显示不出来的图像

3.带有title的图像 悬停时显示文字

4.带有宽度的图像 大小

链接标签
5.文本或者图像
注意外部链接需要添加http：//ww.baidu.com | 百度 | 新浪网

6. 内部链接直接链接内部页面名称即可 比如首页 | 今日头条
7. 如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”（即href=“#），表示该链接暂时为一个空链接。|我的未完作品
   不仅可以创建文本链接，在网页中各种网页元素，如图像、网格、音频、视频等都可以添加超链接。| 今日头条
8. target="目标窗口的弹出方式"|百度
   锚点定位
   9.锚点定位 | id="dingwei"
   base标签
   10.base 可以设置整体链接的打开状态
   
   
   
   11.当前窗口打开链接target=“_self”|当前窗口打开百度
   特殊字符
   12.------  特殊字符  ------
   13.我们的段落标签语法格式是： 注释标签
   14.
   注释是写给队友看的，浏览器是不执行的。多谢注释是非常好的写代码习惯，团队协作更顺畅。
   相对路径
   15. ../../ 上两级
   16.绝对路径：图片标签+复制的图片地址/图片路径+图片名
   无序列表
   17.你是煞笔吗？uI里只能放li标签 li里面可以放多元素
   
   
   
   • 是
   
   
   • 不是
   
   
   • 是
   
   
   • 不是
   
   
   • 是
   
   
   • 不是
   
   
   • 你是
   
   

   • 萝卜芹菜？

   
   
   • 萝卜
   
   
   • 芹菜
   
   
   
   有序列表
   18.你住在哪个国家？ol里只能放li标签 li里面可以放多元素
   
   
   
   1. 中国
   
   
   2. 美国
   
   
   3. 英国
   
   
   4. 俄罗斯
   
   
   
   自定义列表
   19.

   
   

   19.北京

   
   

   朝阳

   
   

   海淀

   
   

   通州

   
   

   顺义

   
   

   昌平

   
   

2、代码

图像插入
1.

2.

3.

4.

友情链接
5.百度
  新浪网
6.今日头条
7.我的未完作品
8.百度

锚点定位
9.锚点定位

base标签
10.代码第五行base标签的用法：可以设置整体链接的打开状态
11.当前窗口打开百度

特殊字符
12.------  特殊字符  ------
13.我们的段落标签语法格式是：<p>；段落</p>；

注释标签
14.注释是写给队友看的，浏览器是不执行的。多谢注释是非常好的写代码习惯，团队协作更顺畅。

相对路径
15.相对路径



16.绝对路径：图片标签+复制的图片地址/图片路径+图片名

无序列表
17.你是煞笔吗？

    
是
    
不是
    
是
    
不是
 
是
    
不是
    
你是
    
萝卜芹菜？
    
萝卜
    
芹菜


有序列表
18.你住在哪个国家？

    
中国
    
美国
    
英国
    
俄罗斯


自定义列表

    
19.北京
    
朝阳
    
海淀
    
通州
    
顺义
    
昌平

3、结果

image.png

image.png

image.png

image.png