2022.5.2 HTML学习第二天

4.3换行和段落标签

标签用于定义段落，它可以将整个网页分为若干段落。

我是一个段落标签

特点：

1.文本在一个段落中会根据浏览器的窗口大小自动换行。

2.段落和段落之间保有空隙。

强制换行标签

特点：1. 是一个单标签。

2. 标签只是一个简单的开始新的一行，段落之间会有较大间距而换行不会。

案例：

<body><h1>水花61分伊戈达拉制胜抢断 西决勇士再胜开拓者总分2-0</h1><h4>数据统计：水花兄弟合砍61分</h4><p>库里22投11中，三分14投4中，罚球11罚全中得到37分8篮板8助攻，职业生涯季后赛得分30+次数来到35次，超过哈登排名现役第3位，仅次于詹姆斯和杜兰特。</p><p>汤普森22投8中，三分8投4中得到24分3篮板2助攻，德拉蒙德-格林得到16分10篮板7助攻5盖帽，凯文-鲁尼得到14分7篮板2助攻，今天勇士有7名替补出场</p><h4>兄弟对决升级:小库里给哥哥造成压力</h4><p>库里兄弟是NBA历史上第一对在分区决赛相遇的兄弟，在西决第1场中，小库里没有给哥哥造成压力，他出场19分钟，7投1中只得到3分3篮板2助攻，在场期间输掉10分。</p><p>但在西决第2场中，小库里攻防两端都打出杰出的表现，全场送出4次抢断，包括直接抢断自己的哥哥库里，在防守端给库里造成了极大的困扰。</p><p>作者：qq<br />2022.05.02</p>
</body>

4.4 文本格式化标签

粗体，斜体，下划线效果。突出重要性，比普通文字更重要。

和 文字以粗体显示，更推荐strong
和 文字以斜体显示，更推荐em
<del></del>和<s></s> 文字以加删除线显示，更推荐del
<ins ></ins >和文字以加下划线显示，更推荐ins

<body>我是<strong>加粗</strong>的文字<br />我是<b>加粗</b>的文字<br />我是<strong><em>倾斜</em></strong>的文字<br />我是<em><strong>倾斜</strong></em>的文字<br />我是<i>倾斜</i>的文字<br />我是<del>删除线</del><br />我是<s>删除线</s><br />我是<ins>下划线</ins><br />我是<u>下划线</u><br />
</body>

4.5 <div>和标签

<div>和是没有语义的，它们就是一个盒子，用来装内容的。

<body><div>我是一个div标签我一个人独占一行</div>123<div>我是一个div标签我一个人独占一行</div>456<br /><span>百度</span><span>新浪</span><span>搜狐</span>
</body>

特点：1.<div>标签用来布局，但是现在一行只能放一个<div>。大盒子。

2.标签用来布局，一行可以放多个。小盒子。

4.6 图像标签和路径

1.图像标签。<img>标签用于定义HTML中的图像，是一个单标签。

src是<img>标签的 必须属性 ，它用于 指定图像文件的路径和文件名。

<body><h4>图像标签的使用：</h4><img src="img.jpg"/><h4>alt 替换文本的使用：</h4><img src="img1.jpg" alt="我是鸭鸭"/><h4>title  提示文本的使用：鼠标放到图像上，提示的文字</h4><img src="img.jpg" title="我是鸭鸭"/><h4>width 给图像设置宽度</h4><img src="img.jpg" alt="我是鸭鸭" title="我是鸭鸭" width="500"/><h4>height 给图像设置宽度</h4><img src="img.jpg" alt="我是鸭鸭" title="我是鸭鸭" width="500" height="200"/><h4>border 给图像设置宽度</h4><img src="img.jpg" alt="我是鸭鸭" title="我是鸭鸭" width="500" height="200" border="15"/>
</body>

一般只设置宽或者只设置高，这样图片会等比例缩放，不会出现图片被压扁的现象。

注意点：1.图像标签可以写很多个属性，但是属性必须在标签名的后面。

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

2022.5.2 HTML学习第二天相关推荐

【2022新书】深度学习R语言实战，第二版
来源:专知本文为书籍介绍,建议阅读5分钟使用R和强大的Keras库从头开始进行深度学习! R深度学习,第二版使用R和强大的Keras库从头开始进行深度学习! 在R深度学习第二版中,您将学习: 从基 ...
《Javascript入门学习全集》 Javascript学习第二季（实战4）
Javascript学习第二季(实战4) 上章的例子虽然实现了功能,也做了相应的判断,也符合标准了.但还有一个问题就是: Choose an image. 在html中只是为了图片切换而做的,而 ...
再发力！Facebook AI何恺明等最新研究MoCo(动量对比学习)第二版，超越Hinton的SimCLR，刷新SOTA准确率...
关注上方"深度学习技术前沿",选择"星标公众号", 资源干货,第一时间送达! [导读]无监督学习再发力!Facebook AI 研究团队的陈鑫磊.樊昊棋.Ros ...
jQuery框架学习第二天：jQuery中万能的选择器
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
React 学习第二天 2018-07-21
React 学习第二天我这个React 学习存在以下毛病 1.不报错, 2.不能自动热加载,不能自动刷新 3.不能修改props 属性的值,但是这个却能够修改. 1.Vue 和React的关于 k ...
JavaScript学习第二课（二）
JavaScript学习第二课(二) 一.Math对象: 该对象的作用是用来处理数学运算符的,该对象不需要手动创建,因为它是window对象的一个属性,当页面加载完毕后,后台就是自动创建Math对象 ...
大一java怎么学好_是否应该学习第二门语言，学那个比较合适。
如果从尽快找工作的角度,我认为不需要学习第二门语言.计算机语言只是工具!尽快用自己已经掌握的语言向计算机世界更重要的问题进发,完成项目更重要.比如你说的Java Web.因为这将让你了解更多计算机世界 ...
深入理解吴恩达老师深度学习课程（01神经网络和深度学习第二周）
深入理解吴恩达深度学习(01神经网络和深度学习第二周) 1引言 2.1 二分类(Binary Classification) 2.1.1 符号定义(视频给出的) 2.2 逻辑回归(Logistic ...
Python小白学习第二天
Python学习第二天今日学习:二进制与字符编码.保留字.变量定义.数据类型.数据转换学习内容: 二进制与字符编码 #二进制与字符编码 print(chr(0b100111001011000)) ...
2022 年最值得学习的 10 种编程语言 [更新]
大家好,我们距离 2022 年只有一周的时间.这是我们大多数人开始制定目标的时候,比如身体目标.教育目标和财务目标.作为一名程序员,我们的目标之一是学习新技术和编程语言,但是你应该学习哪些语言呢?因为 ...

2022.5.2 HTML学习第二天

2022.5.2 HTML学习第二天相关推荐

最新文章

热门文章