xhtml中的五个块元素

xhtml有5个块元素（或许有更多），分别是<p><div><h1~h6><blockquote><pre>

<p>是段落，段落的显示取决于浏览器，通常在段落前后各有一个空文本行。

<div>是分割，它其实是一个样式元素，通常在这个元素的前后各有一个换行，不是内置的垂直距离。自己的感想是，div和其他块元素之间有一个换行，但是div之间却没有换行的，也就是div之间没有空行。

<h1><h2><h3><h4><h5><h6>，是标题，<h1>最大，<h6>最小

<pre>是保留，自己的理解是，pre内的所有空格都会被保留。

<blockquote>是块引用，块引用是样式的，也是描述性的，用于显示引用。一般加个引号。不加也可以。块引用左右各有页边距。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml" xml:lang ="en" lang= "en"><head><title> This is my first title</title>
</head><body><p>THis is prargraph</p><div>This is a div text.</div><div>THis is a div text too</div><h1>This is h1</h1><h2>This is h2</h2><h3>This is h3</h3><h4>This is h4</h4><blockquote>"The is a blockquote ,and this is a good text ,because this is  a blockquote ,so it has a quote."</blockquote>
<pre>This is a pre,and    time is fly, so we must value our time.Xhtml 's grammar  is more complex...</pre></body>
</html>
~

运行结果是：

THis is prargraph
This is a div text.
THis is a div text too
This is h1
This is h2
This is h3
This is h4"The is a blockquote ,and this is a good text ,because this is a blockquote ,so it has a quote."This is a pre,and    time is fly, so we must value our time.Xhtml 's grammar  is more complex...

xhtml中的五个块元素相关推荐

css中标签显示模式、块元素、行内元素、行内块元素、显示模式转换
标签显示模式display: HTML标签一般分为块标签(块元素:block-level)和行内标签(行内元素:inline-level)两种类型,但是还有第三种说法行内块元素:table-row-g ...
行内元素设置靠右对齐_CSS中实现行内块元素对齐
目标:行内块元素实现对齐的几种方式 eg. 我希望下列两个单词文本和后面的两个图片能实现1.中线对齐2.靠右.(图1变为图2) 图1 图2 html: Gmail images 从html可以看出是两 ...
html中a标签是不是块元素,a标签是不是块元素,a标签是块级元素吗
对比起XHTML来说,HTML5通过更简单的元素引起了一系列的思考,坦诚地讲,这真的是急需的简化. 这些简化之一就是能够通过a标签包装像div,h标签(h1...h6),和段落标记P 这些块级元素. ...
html中内联元素和块元素的区别、用法以及联系
昨天用asp.net的BulletedList做一个导航栏,最终该控件形成的html代码是ul列表和a超链接,具体代码如下: <ul id="BulletedList1" s ...
请写出至少五个块级元素_html 行级元素和块级元素标签列表分别有哪些
展开全部行内元素列表: 标签可定义锚表示一个缩写形式定义只取e5a48de588b662616964757a686964616f31333366303766首字母缩写字体加粗可覆盖默认的文本 ...
前端开发 html第二课自结束标签注释标签中的属性文档声明进制字符编码文档使用 VScode 实体 meta标签语义化标签块元素和行内元素布局标签
1 自结束标签标签一般成对出现,但是也存在一些自结束标签如: 多"/"和没有"/"区别不大 2 注释注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...
从文档流来看内联元素和块元素的css排版
veda原创[抄录]讲得很好存自己这里看从文档流来看内联元素和块元素的css排版 CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的 ...
HTML网页设计：五、行内元素和块元素
行内元素和块元素 HTML系列文章目录 HTML网页设计:一.HTML的基本结构 HTML网页设计:二.网页的基本标签 HTML网页设计:三.图像标签之<img>标签 HTML网页设计:四 ...
在html中列表是块元素还是,HTML基础知识4-列表及表单的写法、块级元素和内联（行内）元素的区别...
一.有序列表.无序列表.自定义列表如何使用?写个简单的例子.三者在语义上有什么区别?在哪些情况下使用哪种(重要)? 如何嵌套? 1.简单例子如下: Document div.div1 { backgr ...

xhtml中的五个块元素

xhtml中的五个块元素相关推荐

最新文章

热门文章