HTML第四章

一、div span标签

        1、<div>内容</div>

        2、<span>内容</span>

        3、div span 是没有语义的，是我们网页布局主要的2个盒子

        4、div 就是division的缩写分割，分区的意思

        5、span 跨度，跨距；范围

二、标签属性

        1、<标签名 属性1=“属性值1”  属性值2=“属性值2” ...>内容</标签名>

        2、使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置

        3、注意        标签可以拥有多个属性，必须写在开始标签中，位于标签名后面

                             属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开

三、img图像标签

        1、image图像

        2、<img src=“图片地址”/>

        3、该语法中src属性用于指定图像文件的路径和文件名，他是img标签的必须属性

        4、其他属性        alt=“文本内容”        图像不能显示时的替换文本

                                    title=“文本内容”      鼠标悬停时显示的内容

                                    width=“多少内容”    设置图像的宽度

                                     height=“多少像素”  设置图像的高度

四、a链接标签

       1、 基本格式        <a href=“跳转目标”>文本或图像</a>

                                    href：用于指定链接页面的打开方式，其取值_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开

                                    target：用于指定链接页面的打开方式，其取值_self和_blank两种，其中_self为默认值，_blank在新窗口中打开

                                    注意：外部链接 需要书写完整网址 https://www.baidu.com

                                    内部链接 直接链接内部页面名称即可 比如<a href=“01demo.html”>首页</a>

                                     如果没有确定好连接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空连接

                                     不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接

        2、锚点定位

                通过创建锚点链接，用户能够快速定位到目标内容

                创建锚点链接分为两步

                        1、使用 <a href=“#id名”>链接文本</a>        创建链接文本(被点击的)<a href=“#two”>

                        2、使用相应的id名 标注跳转目标的位置<标签名 id=“id名”>内容</p>        <p id=“two”>第2集</p>