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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM