HTML中的属性、段落、标题、换行等

HTML的属性
html标签的属性总是以名称/值(name=“value”)的方式出现;
属性总是在html元素的开始标签中规定;

1、html链接由<a>标签定义,url在href中指定;
<a href="www.baidu.com">this a link</a>

2、标题的对齐方式;
<h1 align="center">this is a test example</h1>
align属性:center居中,left左对齐,right右对齐;

3、<body bgcolor="yellow"> </body>
bgcolor属性设定背景颜色;

4、<table>定义了表格:
<table border="1">设定表格的边框;

部分元素的属性:
属性 值 描述
class classname 规定元素的类名(classname)
id id 规定元素的唯一 id
style style_definition 规定元素的行内样式(inline style)
title text 规定元素的额外信息(可在工具提示中显示)

HTML的标题:
HTML的标题是通过<h1> - <h6>等标签进行定义的,其中<h1>定义最大的标题,<h6>定义最小的标题。

注释:默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。

<hr />标签在html中创建水平线;
hr元素用于分隔内容;

<!--this is a comment--> 以这样的方式写下注释,增加代码的可读性;

HTML段落:
通过<p>标签定义段落;
<p>This is a paragraph</p>
<p>This is another paragraph</p>
注释:浏览器会自动的在段落的前后添加空行。<p>是块级元素;
提示:使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它!(但是不要用 <br /> 标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:
<p>This is<br />a para<br />graph with line breaks</p>

HTML 输出 - 有用的提示
我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

示例:

<html>
<body bgcolor="yellow">

<h1 align="center">人生</h1>
<hr />
<h2 align="left">人生就是一场</h2>
<hr />
<h3 align="right">繁华中的流浪</h3>
<hr />

<!--this is a comment-->

<p>我的每一天都来自这个世界的恩赐,怀着感恩的心,不敢懈怠,不敢荒废!</p><br/><p>My first paragraph.</p>

<p>无上甚深微妙法<br />百千万劫难遭遇<br />我今见闻得受持<br />愿解如来真实意</p>
<h1>春晓</h1>

<p>
春眠不觉晓,
处处闻啼鸟。
夜来风雨声,
花落知多少。
</p>

<p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>

<a href="www.baidu.com" > this is a link </a>

<p/>

</body>
</html>

时间: 2024-10-16 14:51:07

HTML中的属性、段落、标题、换行等的相关文章

【回顾】html属性、标题、段落、文本格式化

1.HTML 属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现,比如:name="value". HTML 提示:使用小写属性 2.标题 标题(Heading)是通过 <h1> - <h6> 标签进行定义的. <h1> 定义最大的标题. <h6> 定义最小的标题. 标题很重要 请确保将 HTML 标题 标签只用于标题.不要仅仅是为了生成粗体或大号的文本而使用标题. 搜索

深入理解css中position属性及z-index属性

深入理解css中position属性及z-index属性 在网页设计中,position属性的使用是非常重要的.有时如果不能认识清楚这个属性,将会给我们带来很多意想不到的困难. position属性共有四种不同的定位方法,分别是static.fixed.relative.absolute.最后将会介绍和position属性密切相关的z-index属性. 第一部分:position: static static定位是HTML元素的默认值,即没有定位,元素出现在正常的流中,因此,这种定位就不会收到t

【拼爹坑爹不比爹】深入理解css中position属性及z-index属性

总结:拼爹坑爹不比爹 1,定位移动:距左上角left+top;(移动后对于移动前:如果值为负数,则直接换成整数:如果值为整数,则直接改变相对方向.)2,单一父元素不设值,子z-index才奏效:"不比爹"3,多个父元素,"拼爹坑爹"(子凭父贵,子贵父不贵)(爹设值,因外有body)4,多个父元素多子元素,各父各子高低相互比,就是不比爹:>< [转]深入理解css中position属性及z-index属性 在网页设计中,position属性的使用是非常重要

HTML5中meta属性

meta属性在HTML中占据了很重要的位置.如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等.虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟练使用它们. 1.声明文档使用的字符编码 <meta charset='utf-8'> 2.声明文档的兼容模式 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 指示IE以目前可用的最

[转] HTML5中meta属性的使用详解

meta属性在HTML中占据了很重要的位置.如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等.虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟练使用它们. 1.声明文档使用的字符编码 <meta charset='utf-8'> 2.声明文档的兼容模式 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 指示IE以目前可用的最

浅析网页meta标签中X-UA-Compatible属性的使用

今天有一个做开发的朋友突然问你知道很多网站上面加入的X-UA-Compatible属性的意义么?其实这个在以前还专门花了一点时间来验证我自己的想法,结果也确实如自己所预想的那样,八九不离十,当然有一点点的偏差.我做的项目中也并不是每个项目中都使用该属性.那么我们首先来看看几个知名站点,他们也使用了这个 上面时淘宝的,下面是百度的. 都可以发现在head中又一个meta,里面有一个X-UA-Compatible的属性,而且确实非常多的网站中在使用.当然也有很多网站是在开发的时候不管三七二十一给加上

NSAttributedString.h 中文本属性key的说明-06

//NSAttributedString.h 中文本属性key的说明 /* NSFontAttributeName 设置字体属性,默认值:字体:Helvetica(Neue) 字号:12 NSForegroundColorAttributeName 设置字体颜色,取值为 UIColor对象,默认值为黑色 NSBackgroundColorAttributeName 设置字体所在区域背景颜色,取值为 UIColor对象,默认值为nil, 透明色 NSLigatureAttributeName 设置

使用angularjs定义html中的属性ng-attr-(suffix)

html中的属性很多,同样可以使用angularjs来定义: ng-attr-(suffix)=只能使用变量定义 <div title="angularjs中的title">title</div> <div ng-attr-title="angularjs中的title">title</div><!--这样写显示不出来标题--> <div ng-attr-title="'angularjs中

JS中style属性

JS中style属性现在我需要对这个标签赋值,其内容为: 1.需要显示的字为"HELLO WORLD": 2.span的 background-color : red ,另外还要:border:1px solid #333333;cursor:hand; 我需要在<script></script>内把他们赋值,请问怎么写呢?难道要: document.getElementById("a").style.background="red

mongo数据库中一条记录中某个属性是数组情形时 数据结构的定义

package entity; import java.util.Date; import com.mongodb.BasicDBList;import com.mongodb.DBObject; public class CommonEditEntity { /** 数据库中查询记录结果 */ private DBObject record; /** 数据库默认id */ private String _id; /** 项目id */ private String project_id; /*