前端页面怎么办啊一条长的信息换行展示_前端入门！不容错过！HTML基本标签知识大盘点...

HTML基本标签，即超文本标记语言（HyperText Markup Language）。

标签是由小于号(<)+中间字符+大于号(>)组成的代码（英文字符）组成的，主要是用来标记内容模块的，也可以用来标明元素内容的意义。标签一般使用尖括号包围，例如：、,这两个标签都是表示一个HTML文件。

作用是给用户展示特定内容或是告诉浏览器与搜索引擎关于网页的部分信息。

单标签<只有开始标签；双标签开始标签和结束标签成双出现；"/”：网页上如果某个标签的小于号后面有此符号的即为结束标签，没有此符号的则为双标签的专业术语称为注释标签。

我们可以将一行代码的作用、含义、意图等信息写在这四个减号中间，让自己后期能够看懂之前写的什么。

标签的使用有两种形式，一种是成对出现的标签，另一种是段度出现的标签。无论是哪种标签，都不能含有空格。

1、成对式标签成对式标签也是包含开始标签和结束标签的形式。比如，前端布局中常用的网页内容，这是一个标准的成对出现的标签。起始标记标志代表内容段的开始，而结束标记则代表内容段的结束。

2、虽然不是所有的开始标签都要有对应的结束标签，但是最好都有，这样网站页面更容易阅读，也更容易需要更改。如果开始标记和结束标记之间没有内容，可以写成。
3、标签属性的定义

和元素相关的特性就是属性，可以为属性赋值。正常情况下，可以不使用引号来包含属性值，这时候属性值应该包含数字、字母、符号。使用引号可以更好的表现，因为这符合W3C的标准，并且可以顺利的链接未来的标准。

4、大小写规范

项目名称及属性均不分大小写，但仍建议使用者标签以大写字母为主，属性以小写字母为主，以便于浏览及了解。

5、基本标签：

（1）段落标签

在html中如果你输入两段话，那么他显示的还是显示在一行上，这个时候就需要我们在分段的地方加上段落标签才能正常换行

（2）标题字

标题字就像我们的word文章标题一样，需要明确那些文字是标题

（3）换行符

输入一段话我们想要在某一段在下一行显示，那么就需要进行换行。

（4）水平线

我们常常用一条线来分割上下文，那么就会用到水平线这个标签

（5）预留格式

当我们在html页面中写如一些东西的时候他往往不会按照你输入的格式来，那么就需要用到预留格式这个标签

（6）粗体字斜体字插入字删除字

粗体字粗体字

斜体字斜体字

插入字插入字

删除字删除字就是删除字中间有一条横线

（7）右上角加字右下角加字

右上角加字： 10²

右下角加字： CO2

（8）字体标签

有些时候我们想在一些文字加上一些修饰，那么就需要用到字体标签有些时候我们想在一些文字重点强调加上修饰。效果如下：有些时候我们想在一些文字重点强调，加上修饰。

前端页面怎么办啊一条长的信息换行展示_前端入门！不容错过！HTML基本标签知识大盘点...相关推荐

java前端页面调用webservice_一个简单的Webservice的demo(中)_前端页面调用
首先新建项目,这里有两种调用方式,为了能方便理解,新建页面WebserviceTest如下图: 这里我们要新建一个服务,调用我们引用给服务.因为一般情况下js不能跨域访问服务的,当然,只是一般,要非得 ...
前端页面简单添加进度条
前端添加进度条具体步骤如下: 前端代码:在页面添加下面代码 <div class="processcontainer" title="正在处理,请耐心等候...& ...
前端页面中iOS版微信长按识别二维码的bug与解决方案
发现问题页面做出来后测试,发现在安卓版微信能正常识别,但iOS 版微信(iPhone 或 iPad)皆无法正常识别.出来问题一开头固然是怀疑自己的代码有问题,上网搜索相关资料,尝试以下方案均无法解决 ...
前端页面中iOS版微信长按识别二维码的bug
问题描述: H5首页banner图,在安卓微信内长按可识别二维码,但在ios部分机型上,长按图片识别不了二维码. 测试机型: iphone6s plus 系统12.1 微信版本6.7.4 iphone ...
前端里的button怎么去除点击自带边框_前端不为人知的一面--前端冷知识集锦
前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前 ...
css不换行属性_前端 | css display:flex 的六个属性你知道吗
前言:display:flex 是一种布局方式.它即可以应用于容器中,也可以应用于行内元素.是W3C提出的一种新的方案,可以简便.完整.响应式地实现各种页面布局.目前,它已经得到了所有浏览器的支持. ...
java前端项目经验_web前端页面项目经验总结
项目时间:2016年4月5日--4月9日项目名称:阿七果子园web前端页面项目内容: 1.HTML5+CSS+JavaScript(banner+timer)+JQuery(small_banne ...
Web项目中前端页面通过URL传中文或 # 特殊字符到后台出现乱码解决方案
对于刚入行新手来说碰到URL传递中文数据到后台出现乱码或是传递包含特使符号'#'后端获取不到的情况是比较头疼的事,这里我就告诉你这两个的解决的方式: 1.URL传递中文前端页面:中文字符串用 enc ...
iview构建基本html页面,写前端页面步骤----vue+iview
1:用iview构建基本HTML页面 2:在export default{ }中写一个data(){return:{变量:值}}全局对象,用于传递与绑定HTML参数. 3:在export defaul ...
前端页面语言国际化,实现中英切换
之前web项目一直都是中文为主的,现在随着业务的需求,需要将网站语言支持多语言,这个着实给不管是前台还是后台都增加了不小的挑战,因为之前做的时候根本没有考虑多语言的问题,导致很多页面写的不是很灵活,样 ...

前端页面怎么办啊一条长的信息换行展示_前端入门！不容错过！HTML基本标签知识大盘点...

前端页面怎么办啊一条长的信息换行展示_前端入门！不容错过！HTML基本标签知识大盘点...相关推荐

最新文章

热门文章