html,css個人實例學習之路(1)

這是我實現的第一個html:

 

 

 

 

<!doctype html public "-//w3"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<head>
	<title>
		this is my first html!
	</title>
</head>

<body>
	<h1>try it!</h1>
	<p>this is a very simple example.</p>
</body>

第一行可以不用太關心,然後可以看到title主要是頁面最上方顯示的內容,然後h1是指的標題的字號

<p>的意思是段落元素

 

接下來我們嘗試一下列表的書寫,代碼修改成如下:

<!doctype html public "-//w3"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<head>
	<title>
		this is my first html!
	</title>
</head>

<body>
	<h1>try it!</h1>
	<p>this is a list(ul):</p>
	<ul>
	        <li>one.</li>
		<li>two.</li>
		<li>three.</li>
	</ul>

	<p>this is another list(ol):</p>
	<ol>
	        <li>one.</li>
		<li>two.</li>
		<li>three.</li>
	</ol>
	
</body>

 

可以看到如果我們加的是ul那麼就會有圓點,但是如果是ol那麼就不會,而是最基礎的列表的形式。

用<!-- 註釋-->

而且html可以支持轉義字符,比如&gt可以用來敲大於號以避免與html結束標記相互混淆

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章