专栏首页算法与编程之美前端|HTML的段落以及样式

前端|HTML的段落以及样式

1、HTML段落

顾名思义,段落就是可以吧HTML文档分割为若干的段落。在HTML中,我们常用的方法就是通过<p>标签来定义的

图 1.1

如上图<p>就为一个块级元素。常见的问题是<p>元素标签的结束标签的遗忘,尽管浏览器也会将HTML准确的显示出来,但是此类的坏习惯对于此专业甚至于初学者来说是致命的。因为在未来的HTML版本中,不在允许省略结束标签。

另外,类似于段落的还有拆行,在HTML中用<br/>表示,表示为在不产生新段落的情况下进行换行,而且因为<br/>元素是一个空的HTML元素,,由于关闭标签没有任何意义,因此它没有结束标签。

<br>与<br/>也存在较大的区别,在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是更长远的保障。

2、HTML样式

在HTML样式中,我们常用style一词来表示,style一词的属性用于改变HTML元素的样式

style提供了一种改变所有 HTML 元素的样式的通用方法。查阅资料可知样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。我们可以在CSS 教程(未学习)中学习关于样式和 CSS 的所有知识。一般的style标签与描述有如下

图 2.2

还存在HTML 样式实例(背景颜色、字体、颜色和尺寸、文本对齐)等实例,如下

图 2.3

本文分享自微信公众号 - 算法与编程之美(algo_coding),作者:陈宇杰

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-03-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 网页|如何制作一个HTML网页

    HTML(Hypertext MarkupLanguage)也叫作超文本标记语言,是一种用来结构化 Web 网页及其内容的标记语言,标准通用标记语言下的一个应用...

    算法与编程之美
  • 前端|关于前端网页设计的属性及标题

    另外,还有更多的HTML属性。其中<h1>及设定为定义标题的开始。<h1 align=”center”>则表示拥有关于对齐方式的附加信息。<body> 定义...

    算法与编程之美
  • HTML|对简单表格网页的学习

    我们经常看到关于表格的网页,例如一些报名表,统计表之类的,里面有很多的信息,图片,以及一些超链接。如何做一个美观好看五彩的表格网页,以及在表格中插上图片及超链接...

    算法与编程之美
  • 【爬虫基础】网页是怎么构成的?

    作者 张俊红 本文为 CDA 志愿者张俊红原创作品,转载需授权 所谓的网络爬虫就是从网页中指定位置找到对应的数据并下载,要想知道数据在什么位置,我们需要首...

    CDA数据分析师
  • 网页是怎么构成的?

    总第60篇 所谓的网络爬虫就是从网页中指定位置找到对应的数据并下载,要想知道数据在什么位置,我们需要首先知道网页中的数据是如何显示与储存的,这篇主要是分享一下最...

    张俊红
  • 前端学习自学笔记:day01

    在这里要跟大家说声抱歉,本人拖更太久啦.现在在自学前端,我每天会把自己的总结笔记发上来分享给大家,希望对大家有帮助. 在此之前先为大家显示下前端工程师的路线图:...

    企鹅号小编
  • 02.HTML元素/属性/标题/段落/文本格式化/链接

    02.HTML元素/属性/标题/段落 /文本格式化/链接 HTML 元素 ---- HTML 文档由 HTML 元素定义。 ---- HTML 元素 开始标签 ...

    奋斗蒙
  • 学习纲要:常见标签和属性

    Joel
  • 01.HTML教程/简介/基础

    01.HTML教程/简介/基础 HTML 教程- (HTML5 标准) 超文本标记语言(英语:HyperText Markup Language,简称:HTML...

    奋斗蒙
  • HTML入门手记(1)HTML概述HTML基本语法

    HTML概述 学习原因:希望制作一云项目控制工具,HTML用于提供GUI并消除不同客户端差异 学习目标:会使用HTML语言,Jinja模板和Bootstrap框...

    月见樽

扫码关注云+社区

领取腾讯云代金券