首頁 > 開發者 > 網站開發

HTML&CSS入門篇

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：

簡介

目前處於學習階段，現在雖然在Java沒有什麼建樹，但我相信持之以恒的堅持做一件事，最終會達到自己的初期目標的。好啦，不多說，今天是Web入門的第一門，讓我們一起學習前端入門之html&css吧

HTML學習入門 1. HTML的簡介

什麼是HTML：HyperText Markup Language 超文字標記語言 (HTML)。
HTML的作用：Java Web 使用Java開發網頁 做網頁
HTML是最基礎網頁語言
HTML的代碼都是由標籤所組成的

2. HTML的基本格式(重點) 
<html>    <head>        存放在head裡面的內容會先載入        存放屬性的資訊或者輔助性的資訊        引入外部的檔案（CSS JavaScript簡稱js）    </head>    <body>        存放就是真正顯示給使用者的資訊    </body></html>
3. HTML的注意事項

* 大多數的標籤都是由開始和結束標籤所組成。個別的標籤只有單一的功能，或者沒有要修飾的內容，可以在標籤內結束
* 標籤上包含屬性，通過改變屬性的值，可以達到更好的顯示的效果
* 屬性名稱和屬性值，屬性名稱和屬性值之間用=串連，屬性的值使用雙引號、單引號或者不用引號都ok。全都都使用雙引號
* 但是到了公司就按著你公司的規定

HTML的排版標籤HTML的注釋

（重點） 段落標籤 特點：標籤的開始和結尾位置產生一行空行。 屬性：align -- 對齊
換列標籤 一條水平線 屬性：color -- 顏色 值的寫法：1）直接寫英文單詞 2）RGB三原色（red green blue） #aa34cc width -- 寬度 值的寫法：1）執行編寫像素值 200px 2）編寫百分比 30% （重點） ：在網頁上聲明一塊地區。（重點）：在網頁上聲明一塊地區。 區別：div是區塊層級元素，屁股後面跟換行 span標籤的行內元素，預設一行 div的作用：CSS+DIV進行頁面的布局 span的作用：給使用者做友好的提示

HTML&CSS入門篇

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More