名字太长让你没有耐心看完 發表於 2022-1-3 16:14:00

HTML+CSS学习02

<p>今天是学习HTML+CSS的第二天，学习的途径仍然是b站上的黑马程序员，以下是今日笔记：</p>
<p>9.文本格式化标签<br>        加粗文字：&lt;strong&gt;&lt;/strong&gt;或者&lt;b&gt;&lt;/b&gt;<br>        倾斜文字：&lt;em&gt;&lt;/em&gt;或者&lt;i&gt;&lt;/i&gt;<br>        删除线：&lt;del&gt;&lt;/del&gt;或者&lt;s&gt;&lt;/s&gt;<br>        下划线：&lt;ins&gt;&lt;/ins&gt;或者&lt;u&gt;&lt;/u&gt;</p>
<p>10.&lt;div&gt;和&lt;span&gt;标签（都是用来布局的）<br>        &lt;div&gt;和&lt;span&gt;标签是没有语义的，它们就是一个盒子，用来装内容的。<br>        &lt;div&gt;&lt;/div&gt;      &lt;span&gt;&lt;/span&gt;<br>        div是division的缩写，表示分割、分区。span意为跨度、跨距。<br>        特点：<br>             1.&lt;div&gt;标签用来布局，但是现在一行只能放一个&lt;div&gt;。大盒子<br>             2.&lt;span&gt;标签用来布局，一行可以多个&lt;span&gt;。小盒子</p>
<p>11.图像标签和路径<br>        在HTML标签中，&lt;img&gt;标签用于定义HTML页面中的图像。<br>        &lt;img src="图像URL" /&gt;   ------单标签<br>        单词image的缩写，意为图像。<br>        src是&lt;img&gt;标签的必须属性，它用于指定图像文件的路径和文件名。<br>        所谓属性：简单理解就是属于这个图像标签的特性。<br>        其他属性：<br>                src-----图片路径------必须属性<br>                alt-----文本-------替换文本。当图像不能显示的时候替换成文本<br>                title-----文本------提示文本。鼠标放到图像上时显示的文字<br>                width-----像素-----设置图像的宽度<br>                height-----像素------设置图像的高度<br>                border------像素------设置图像的边框粗细<br>        注意：<br>                1.图像标签可以有多个属性，必须写在标签名后面。<br>                2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。<br>                3.属性采取键值对的格式。即key="value"的格式，属性="属性值"。<br>        <br>        相对路径：<br>                同一级路径----      ----------图像文件位于HTML文件同一级 如&lt;img src="a.jpg" /&gt;<br>                下一级路径----   /----------图像文件位于HTML文件下一级 如&lt;img src="images/a.jpg" /&gt;<br>                上一级路径----../ -----------图像文件位于HTML文件上一级 如&lt;img src="../a.jpg" /&gt;<br>        绝对路径：<br>                是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。<br>                例如："D:\web\img\logo.gif"或完整的网络地址："http://www.itcast.cn/images/logo.gif"。</p>
<p>12.超链接标签<br>        在HTML标签中，&lt;a&gt;标签用于定义超链接，作用是从一个页面链接到另一个页面。<br>        1.连接的语法格式<br>                &lt;a href="需要跳转的目标" target="目标窗口的弹出方式"&gt;文本或图像&lt;/a&gt;<br>                单词anchor的缩写，意为锚。<br>                两个属性的作用如下：<br>                        href------用于指定链接目标的URL地址，（必须属性）当为标签应用herf属性时，他就具有了超链接的功能。<br>                        target------用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式。<br>        2.链接分类：<br>                1.外部链接，例如&lt;a href="http://www.baidu.com"&gt;百度&lt;/a&gt;。<br>                2.内部链接：网站内部页面之间的相互链接。直接链接内部页面名称即可，例如&lt;a href="index.html"&gt;首页&lt;/a&gt;。<br>                3.空链接：如果当时没有确定链接目标时，&lt;a href="#"&gt;首页&lt;/a&gt;。<br>                4.下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件。 <br>                5.网页元素链接：在网页中的各项网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。<br>                        例如：&lt;a href="http://www.baidu.com"&gt;&lt;img src="img.jpg" /&gt;&lt;/a&gt;<br>                6.锚点链接：点我们点击链接，可以快速定位到页面中的某个位置。<br>                        ①在链接文本的href属性中，设置属性值为”#名字“的形式，如&lt;a href="#two"&gt;第二集&lt;/a&gt;<br>                        ②找到目标位置标签，里面添加一个id属性=刚才的名字，如：&lt;h3 id="two"&gt;第二季介绍&lt;/h3&gt;</p>
<p>&nbsp;</p>
<p><br>        </p><br><br>
来源：https://www.cnblogs.com/csj-717/p/15759801.html
頁: [1]
查看完整版本: HTML+CSS学习02