伊莉討論區

標題: 求助HTML 語法 [打印本頁]

作者: dinofree0618    時間: 2017-5-28 05:25 PM     標題: 求助HTML 語法

本帖最後由 dinofree0618 於 2017-5-28 05:36 PM 編輯

我目前是初學者(自己看書自學)
使用的軟體是NotePad

練習發生問題的程式我先列出來
<!doctype html>
<html>
        <head>
                <meta charset="utf-8">
                <title>中國文學欣賞</title>
                <style>
                        <!--header:可以用來標示網頁或區段的頁首,裡面可能包含標題、標誌圖案、區段目錄、搜尋表單等 -->
                        <!--footer:可以用來標示網頁或區段的頁尾,裡面可能包含網站的擁有者資訊、建議瀏覽器解析度、
                        瀏覽人數、版權聲明,以及連結至隱私權政策、網站安全政策、服務條款等內容的超連結 -->
                        header, footer {display:block; clear:both; padding:5px; text-align:center}
                        <!-- nav:導覽列 -->
                        nav {display:block; float:left; width:20%; height:50%; background:yellow; padding:5px}
                        article {display:block; float:right; width:78%; height:50%; background:silver; padding:5px}
                </style>
        </head>
        <body bgcolor="azure" text="red">
                <header>
                        <h1>中國文學欣賞</h1>
                </header>
                <nav>
                        <ul>
                                <!-- 此處可以放置其他文章超連結-->
                                <li><a href="poem1.html">唐詩</a></li>
                                <li><a href="poem2.html">宋詞</a></li>
                                <li><a href="poem3.html">元曲</a></li>
                        </ul>
                </nav>
                <article>
                        <p>中國文化博大精深,尤以唐詩、宋詞、元曲最為精妙,其中唐詩的結構工整,要求押韻、平仄等格律,
                        又分為四句的絕句和八句的律詩,而且唐詩的題材亦相當多元化,從抒發一己之情感,到反映社會現實,皆有傑出的作品。</p>
                </article>
                <footer>
                        <p><small>快樂工作室版權所有©Copyright 2012</small></p>
                </footer>
        </body>
</html>

[attach]118937559[/attach](加註解前)[attach]118937560[/attach](加註解後)


想請問一下
HTML的註解<!-- -->是這個應該沒有錯吧??
那為什麼我有加上註解跟沒有加註解兩者產生的網頁會完全不一樣?
註解不是完全不影響格局嗎??
我也找過軟體裡的設定
也沒有相關的選項
只好上網求助
麻煩大家了



補充內容 (2017-5-30 08:57 AM):
懂了
感謝大家的協助

作者: ren1244    時間: 2017-5-29 04:20 AM

style標籤內的東西是CSS
而CSS的註解是以 /* 開始
並以 */ 結束

可參考W3C網站:https://www.w3schools.com/css/css_syntax.asp
作者: theloserbm    時間: 2017-5-29 02:29 PM

現在的html初學者我建議使用網上編輯器比較方便一些, 可以直接看得到效果
我推薦的是
https://jsfiddle.net/
http://jsbin.com

作者: 雲響    時間: 2017-7-28 02:18 AM

<style></style>內的東西不能用<!-- -->來註解。
可以改用/* */


作者: light_hsu    時間: 2017-7-31 10:44 PM

程式的初學者最好還是用進階IDE比較好,
像是PHP和JAVA都可以用的NetBean,之前的Eclipse
用IDE的好處是他們會跟隨現在流行的程式規範,
讓你一定要照著程式規範寫,尤其是PHP這種隨便寫都會過的程式語言更是如此。
作者: gundam3000hk    時間: 2017-8-20 09:03 PM

試下用 notepad ++ 或sublime editor
會易D睇到
作者: john987john987    時間: 2017-9-2 08:10 PM

Visual Studio Code也是不錯的選擇喔
正在努力戒掉Sublime Text中....




歡迎光臨 伊莉討論區 (http://www33.eyny.com/) Powered by Discuz!