打开记事本,按照下面增加新行:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
这是我的第一个网页 多令人激动
</body>
</html>

然后保存为网页文件。

接着用浏览器查看一下。

你可能期望你的页面展示出像所你键入得一样格式,分为两行,但是你会看到:

这是我的第一个网页多令人激动

这是因为浏览器不会关注你的代码是怎么写的,也丝毫不关心空格(就算你键入“这是我的第一个网页    多令人激动”,结果还是是一样的)。

要文本以不同的行来显示,你必须明确地指出。

按照下面改进你的代码:

<p>这是我的第一个网页</p>
<p>多令人激动</p>

p标签代表paragraph,即段落。

查看结果,这两行终究以两行来显示。

HTML文档的内容应该跟书籍或者文章一样,在适当的地方应该划分段落。新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。

强调

在段落中你可以用em标签和strong标签来强调突出文本。它们都做几乎相同的事,尽管传统上浏览器会以斜体来显示em,以粗体来显示strong。

<p>是的, 那个 <em>就是</em> 我要说的。 <strong>多</strong>令人激动</p>

换行

换行标签可以用来打断成两行,像下面:

这是我的第一个网页<br /> 多令人激动

但是,这个方法已经严重被滥用来划分段落,它不应该使用在预计分段的两段文本中。(是什么结构,该用什么标签就用什么标签,不是为断行而分段或者为分段而断行——译者注)

(因为没有任何东西在换行标签之间,所以没有闭合标签,它是用“/”在br后自闭合的。)

学习网页制作知识之构成网页内容的段落相关推荐

  1. 计算机网页设计学什么软件,想学网页制作,要在电脑中装什么软件啊,哪儿有学习网页制作的知识...

    装dreamveawerMX下载地址:如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分.网络世界五彩缤纷,涌现出大量优秀精美的网页.大量网络信息的呈现,无非就是通过文本.图 ...

  2. html5文字中加图片,5、手写HTML语言代码之《在文字中加条横线、插入图片》学习网页制作的心得体会...

    千里之堤始于足下!! 学习网页制作的心得体会5.........手写HTML语言代码之<在文字中加条横线.插入图片> 一.运用 给网页加条横线 在以下"教师自制教学软件的背景&q ...

  3. 学习网页制作中如何在正确选取和使用 CSS 单位

    在 CSS 测量系统中,有好几种单位,如像素.百分比.英寸.厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用.很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行. 这 ...

  4. 99套经典网页设计模版 网页设计模板 学习网页制作

    99套经典网页设计模版 网页设计模板 学习网页制作 下载地址:http://download.csdn.net/detail/mekeji99886/7562211

  5. html网页设计课程心得,学习网页制作的心得体会

    在学习网页制作的这几天里,我利用了学习之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的探索:同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生! 做好主页 ...

  6. 如何学习网页制作。。。

    网页制作的学习是一个循序渐进的过程,以下推荐给大部份初学者的学习方式: 一 入门阶段:此时的你,什么都不懂 1先从最简单的 HTML 网页入手:  2选择 Dreamweaver 作为你的网页制作工具 ...

  7. 零基础学习网页制作需要注意的问题集锦

    一.外观 1 不要先决定网页的外观,然后强迫自已去适应它,应该从你的访客对像,你要传 达的讯息以及你的制网目标推导出一个最适合的网页架构. 2 每页排版不要太疏或用太大的字,尽量避免看你的网页时需要作 ...

  8. 零基础学习网页制作(一)

    郑重声明: 1.所谓的零基础并不是真的零基础,首先你会用电脑的一些简单操作,如:新建一个文本文档(txt): 2.文章仅供本人娱乐,如有雷同,纯属巧合: 3.文章的目的还有一个,告诉一些不懂写代码的人 ...

  9. 网页制作知识:XHTML 和 DOCTYPE 切换

    为 Web页指定 DOCTYPE 会影响浏览器呈现页的方式.Internet Explorer.Mozilla Firefox 和 Opera 全都支持一种名为"DOCTYPE 切换&quo ...

最新文章

  1. python sqlite和mysql_python怎么与mysql、sqlite数据库通信——适配器:DB-API
  2. u盘复制不进去东西_限制电脑只能识别自己指定的U盘
  3. [译] 曝光!UX 行话大全
  4. layui隐藏侧边栏_11个iPhone隐藏技能,好用但很少人知道,看完怀疑自己用的假手机...
  5. Android开发--真机调试出现device offline提示
  6. android apk如何入门
  7. 查询group_by 与 order by
  8. hdu1558计算几何加并查集
  9. 程序员的灯下黑:如果你想考研究生或是研究生
  10. 多么乐alexa网站流量数据报告助手
  11. 小学数学题生成器java_JAVA小学四则运算生成器(聂适涵,邱品)
  12. 【Python】如何用Python发送SMTP邮件
  13. 适合打游戏用的蓝牙耳机有哪些?吃鸡无延迟的蓝牙耳机推荐
  14. 系统开发建设要经过哪些流程?
  15. openlayers官方教程(三)Basics——Zooming to your location
  16. 嵌入式应用层开发要学习什么
  17. 中英文说明丨质膜H+ATP酶AS07 260介绍
  18. 计算机视觉知识学习总结
  19. 剧本翻译之SHUFFLE 6月21日
  20. XEN-libvirt札记

热门文章

  1. 专访陈谔:为什么网易云能承载网易 95%的业务?
  2. 镭速-跨国车企数据高速、安全跨境传输解决方案
  3. YOLO下载库的问题
  4. 根据数据库表结构生成Excel表设计——源码设计说明
  5. 删,删,删,就知道删!
  6. html自动幻灯片代码,html+css实现幻灯片自动轮番
  7. MySql-8.0.27-winx64安装,超详细
  8. mysql-8.0.29-winx64下载及安装教程
  9. 大数据精准营销+全媒信息流广告=2020广告趋势
  10. 关于第五届全国高校新一代信息技术暑假教师研修班的通知