建设银行网站怎么登陆不,广点通,品牌推广总监,女生零基础可以学什么技术目录
前言: 1.标题标签#xff1a;
前言#xff1a;
实践#xff1a;
总结#xff1a;
2.段落标签#xff1a;
前言#xff1a;
段落中的空格#xff1a;
总结:
3.文本格式化标签#xff1a;
前言:
和标签的区别:
和标记之间的区别:
总结#xff1a; 4.如…
目录
前言: 1.标题标签
前言
实践
总结
2.段落标签
前言
段落中的空格
总结:
3.文本格式化标签
前言:
和标签的区别:
和标记之间的区别:
总结 4.如何注释
前言
如何在代码中注释:
总结
总结 前言:
文本是一种常见的元素在日常生活在描述某个东西时在阅读文章时都会大量出现。而在Web中我们所书写的代码也是文本的一部分有时候大量文字聚集在一起时我们常常难以找到其中关键点所以在Web中就有很多用来描述文本的标签。 HTML标签的语法和属性-CSDN博客 1.标题标签
前言
html中提供了h1到h6六个级别的标题标签h1标签的级别最高h6标签的级别最低通过这些标签可以定义网页的标签合理使用标题可以使网页层次结构更加清晰。如下图: 实践
在默认的情况下浏览器会比普通文本更大和更粗的字体显示标题中的内容使用h1标签定义的标题字体最大而使用h6定义的标题字体最小。
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/headbodyh1一个简陋的网页/h1img srchttps://tse1-mm.cn.bing.net/th/id/OIP-C.EpxMzbWHD39VZ-nmL0fs4AHaFj?w195h180c7r0o5dpr1.5pid1.7alt此图片加载成功了 title此图片加载成功了p classchange此表示可以显示一段文本/pa hrefhttps://www.bilibili.com/此链接到bilibili/aullia hrefhttps://www.bilibili.com/ idcontentb idurlhttps://www.bilibili.com//b/a/lili无序列表第二行/lili无序列表第三行/li/ulhrh2新的开始/h2brinput typetextulli stylecolor: aquamarine;此文本的颜色为青色/lilia hrefhttps://www.bilibili.com/ stylecolor:red;点击跳转bilibili/a/li/ulh3一段路程/h3div className1 Name2 Name3此处应该有点内容/divp classcont此处并没有什么内容/pdiv classcont Name1此处没有内容/divh4快结束了..../h4h6无人的结束..../h6
/body/html
注意在网页上使用标签时浏览器内置的样式会在每个标题上下添加一定的空白区域(外边距)后续可以通过CSS中的margin来设置空白区域的大小。 上述代码的运行结果为: 总结
使用标题标签时需要注意的是:
HTML标题标签只能用来定义标题不可以使用标题标签来对文本进行加粗设计由于搜索引擎如百度等是使用标题来索引网页结构和内容的因此使用标题标签有利于搜索引擎的抓取。标题标签并不是随意使用要根据使用的环境按照级别由高到低的使用标题标签。
应该使用h1标签来标记最重要的标题该标题常位于页面顶部而且一个HTML文档中通常应该有且仅有一个h1标题至于较低级别的标题标签(如h2,h3,h4),的使用可以不加太多的限制。 2.段落标签
前言
HTML中可以使用段落标签p来将文档中的内容分割为若干个段落语法格式如下:
p内容/p
段落标签有开始标签p还有结束标签/p开始标签和结束标签里面的内容会被视为段落段落标签在很多网站里面都会用到如下图: 需要注意的是浏览器内置样式会在段落上下自动添加一定的空白区域(外边距)可以使用CSS中的margin属性来设置空白区域的大小。
在HTML4以及更早的版本之前可以省略段落标签的结束标签浏览器会自动补全缺失的结束标签如下 pbilibili p前端教程 p前端教程-哔哩哔哩_Bilibili 段落中的空格
在默认情况下段落标签会对文本中的空格符进行合并将多个空格显示为一个空格的效果具体表现为:
如果段落中出现多个连续的空格浏览器会忽略这些空格只保留一个。如果段落中出现多个连续的行浏览器会将这些换行转换成一个空格。
如下代码:
pbili bili/p
p前端教程/p
p前端教程-哔哩哔哩_ bilibili/p
在想要在段落标签中换行需要专门的换行的标签brbr标签属于自闭合标签因此不需要对应的结束标签/br,如下:
p前端教程 br -哔哩哔哩_ brbilibili/p
总结:
段落标签在实际开发中很常用但是常常需要配合其他标签才能达到更好的效果。 3.文本格式化标签
前言:
一些HTML标签除了具有一定的语义(含义)外还有默认样式如i设置字体为斜体em强调标签中的内容并使标签中的字体倾斜。如下是用来文本格式化的标签表格如:
标签功能b..../b加粗标签中的字体。em..../em强调标签中的内容并使标签中的字体倾斜。i.../i 定义标签中的字体为斜体。 small.../small定义标签中的字体为小号字体。strong..../strong强调标签中的内容并将字体加粗。sub..../sub定义上下标文本。sup.../sup定义上标文本。ins..../ins定义文档的其余部分之外的插入文本。del.../del在文本内容上添加删除线。code.../code定义一段代码。kbd.../kbd用来表示文本是通过键盘输入的。samp..../samp定义程序的样本。var.../var 定义变量。 pre..../pre定义预格式化的文本被该标签包裹的文本会保留所有的空格和换行符字体也会呈现为等宽字体。abbr.../abbr用来表示标签中的内容为缩写形式。address.../address用来定义文档作者的联系信息被该标签包裹的文本通常会以斜体呈现并在文本前面换行。bdo.../bdo定义标签中的文字方向。blockquote.../blockquote定义一段引用的文本例如名人名言文本会以换行输入并在左右两边进行缩进。q.../q定义一段短引用浏览器会将引用的内容使用双引号包裹起来。cite.../cite表示对某个文献的引用例如书籍或杂志的名称文本会以斜体显示。dfn..../dfnyonl
按照作用可以把上述标签分为两类:
物理标签这类标签用来设置文本的外观逻辑标签这类标签用来赋予文本一些逻辑或语义值
通过上表可以看出有些标签虽然效果一样但是语义并不同如strong和b标签em和i标签下面就来说明他们之间的关系;
strong和b标签的区别:
在默认情况下strong和b标签都可以使文本以粗体展示其中的文本但是strong标签是说明标签里内容具有很高的重要性而b标签仅仅只是加粗并没有别的含义。
!DOCTYPE html
html langen
headmeta charsetUTF-8titlelt;stronggt;和lt;bgt;标签演示/title
/head
bodyp你学会了 strongHTML/strong /pp你已经超越b80%/b的程序员/p
/body
/html
此处给HTML加strong标签是为了强调HTML的其的重要性以及它的震撼效果。而给网址添加b标签仅仅是为了视觉上的粗效果这样能引起读者的注意。 em和i标记之间的区别:
em和i标签在默认情况下均为斜体显示标签里的文本em标签具有强调的语义用来表示内容的重要性但是i标签仅仅只是用来定义斜体文本的。
代码如下:
p你学会了 emHTML/em /p
p你已经超越i80%/i的程序员/p
总结
在使用文本格式化标签的时候需要注意标签的语义(含义)然后再选择合适的标签如强调重要的文本应该使用strong而不是b,因为b标签的作用仅仅只是加粗不能只是为了达到效果就胡乱使用这样是不对的。 4.如何注释
前言
HTML注释主要用来对文档中的代码进行解释说明注释也是代码的一部分但浏览器会自动忽略注释的内容所以用户在网页中是看不到注释的。
注释在我们编写代码的过程很有作用因为一个完整的网页中的HTML代码起码有上千行此时我们若要修改某部分代码则需要花费很长的时间去找但是有了注释就不需要这么麻烦我们可以根据他的功能或者其他作用将程序划分然后注释这样既对自己阅读方便也方便他人阅读可以大大提高代码的可读性。
如何在代码中注释:
在HTML中!-- 到 --里面的内容皆为注释的内容里面的内容会被编译器浏览器忽略。如下代码:
!DOCTYPE html
!-- 此为头注释 --
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
!-- 此为中间注释 --
bodyul!-- 下面有几行被注释掉了 --li第一行的内容/li!-- li第二行的内容/li --li第三行的内容/lili第四行的内容/li!-- li第五行的内容/li --/ul/body
!-- 此为尾注释 --
/html
可以看到的是注释可以出现在HTML文档的任意位置包括文档头尾中间标签外部标签内容中。注释除了可以用来对代码的说明外还可以用来注释掉代码如果某段代码不想执行了就可以直接注释掉。上述代码运行结果如: 总结
注释是所有的程序中必不可少的一部分。但是也不要滥用注释导致没必要的内容过于长总之合理规范的使用注释可以帮助我们开发程序。 总结
文本是我们平时最常见的元素学习这些描述文本的标签可以帮助我们更好的描述文本的内容能让观看者更加容易理解其中意思可以说文本标签是必不可少的。
HTML常用的图片标签和超链接标签-CSDN博客
