学习网页制作知识之构成网页内容的段落
打开记事本,按照下面增加新行:
<!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后自闭合的。)
学习网页制作知识之构成网页内容的段落相关推荐
- 计算机网页设计学什么软件,想学网页制作,要在电脑中装什么软件啊,哪儿有学习网页制作的知识...
装dreamveawerMX下载地址:如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分.网络世界五彩缤纷,涌现出大量优秀精美的网页.大量网络信息的呈现,无非就是通过文本.图 ...
- html5文字中加图片,5、手写HTML语言代码之《在文字中加条横线、插入图片》学习网页制作的心得体会...
千里之堤始于足下!! 学习网页制作的心得体会5.........手写HTML语言代码之<在文字中加条横线.插入图片> 一.运用 给网页加条横线 在以下"教师自制教学软件的背景&q ...
- 学习网页制作中如何在正确选取和使用 CSS 单位
在 CSS 测量系统中,有好几种单位,如像素.百分比.英寸.厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用.很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行. 这 ...
- 99套经典网页设计模版 网页设计模板 学习网页制作
99套经典网页设计模版 网页设计模板 学习网页制作 下载地址:http://download.csdn.net/detail/mekeji99886/7562211
- html网页设计课程心得,学习网页制作的心得体会
在学习网页制作的这几天里,我利用了学习之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的探索:同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生! 做好主页 ...
- 如何学习网页制作。。。
网页制作的学习是一个循序渐进的过程,以下推荐给大部份初学者的学习方式: 一 入门阶段:此时的你,什么都不懂 1先从最简单的 HTML 网页入手: 2选择 Dreamweaver 作为你的网页制作工具 ...
- 零基础学习网页制作需要注意的问题集锦
一.外观 1 不要先决定网页的外观,然后强迫自已去适应它,应该从你的访客对像,你要传 达的讯息以及你的制网目标推导出一个最适合的网页架构. 2 每页排版不要太疏或用太大的字,尽量避免看你的网页时需要作 ...
- 零基础学习网页制作(一)
郑重声明: 1.所谓的零基础并不是真的零基础,首先你会用电脑的一些简单操作,如:新建一个文本文档(txt): 2.文章仅供本人娱乐,如有雷同,纯属巧合: 3.文章的目的还有一个,告诉一些不懂写代码的人 ...
- 网页制作知识:XHTML 和 DOCTYPE 切换
为 Web页指定 DOCTYPE 会影响浏览器呈现页的方式.Internet Explorer.Mozilla Firefox 和 Opera 全都支持一种名为"DOCTYPE 切换&quo ...
最新文章
- python sqlite和mysql_python怎么与mysql、sqlite数据库通信——适配器:DB-API
- u盘复制不进去东西_限制电脑只能识别自己指定的U盘
- [译] 曝光!UX 行话大全
- layui隐藏侧边栏_11个iPhone隐藏技能,好用但很少人知道,看完怀疑自己用的假手机...
- Android开发--真机调试出现device offline提示
- android apk如何入门
- 查询group_by 与 order by
- hdu1558计算几何加并查集
- 程序员的灯下黑:如果你想考研究生或是研究生
- 多么乐alexa网站流量数据报告助手
- 小学数学题生成器java_JAVA小学四则运算生成器(聂适涵,邱品)
- 【Python】如何用Python发送SMTP邮件
- 适合打游戏用的蓝牙耳机有哪些?吃鸡无延迟的蓝牙耳机推荐
- 系统开发建设要经过哪些流程?
- openlayers官方教程(三)Basics——Zooming to your location
- 嵌入式应用层开发要学习什么
- 中英文说明丨质膜H+ATP酶AS07 260介绍
- 计算机视觉知识学习总结
- 剧本翻译之SHUFFLE 6月21日
- XEN-libvirt札记