【HTML】Codecademy學習筆記

來源:互聯網
上載者:User

<strong></strong> tags made our text bold!

italicize!

<!DOCTYPE html>on the first line. This tells the browser what language it's reading (in this case, HTML).
2.b Always put <html> on the next line. This starts the HTML document.
2.c Always put </html> on the last line. This ends the HTML document.

    

 

                               ----------

 

4.b The head includes important information about the webpage, such as its title. 
4.c The title is the words we see in the tab(the title at the top of your browser window).

 

<p> and </p>. We put content in between the tags, like this:

                                                                                 

 

 

                                             --The CEO--             --VP of Fancy Towne--         --Director of Some Stuff--         --Middle management--         --Lowly assistant--         --Gets coffee for everyone else--         The first paragraph!         The second paragraph!      

 

src. It's also different because this tag self-closes: it doesn't have a separate tag to close it. Note the / in the tag to close it: <img src="url" />. Make sure it's before the closing <body> tag! 

    The <a> tag is the one used to make hyperlinks (or just links) on webpages. These are the words or images you click to go to a new page!

                                                                                     Click here to Baidu!      

 

8. Ordered lists and Unordered lists: The best thing about unordered lists is that they work exactly the same way as ordered lists. The only difference is that instead of using <ol>, we use <ul>. Everything else is the same! They can nested with each other!

            Nested lists                                              football             knitting                                                     hating football             skydiving                                                     Favorite Boys' Names                              Boy1             Boy2             Boy3                      Favorite Girls' Names                        Girl1              Girl2              Girl3                                     

 

9. It's important to know that you can use the style attribute for paragraphs, headings, and even links! Remember: Dont nest any tags when you change styles!

                Putting it all together                   A truly spectacular paragraph!      

 

10. Summary of styles!

                                                         I'm in ordered lists.                               I'm in unordered lists.                            

 

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

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