HTML - Githubissues

ericltw / notes

0 stars 1 forks source link

HTML #51

Open ericltw opened 5 years ago

ericltw commented 5 years ago

HTML Basic

Hypertext Markup Language(HTML)是標準的markup language，它定義了web content的意義和架構。"Hypertext"所指的是在單個網站內或是網站之間將網頁彼此連接的link。

Anatomy of an HTML element

Elements can also hace attributes:
Anatomy of an HTML document
```
<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8">
      <title>My test page</title>
  </head>
  <body>
      <img src="images/firsfox-icon.png" alt="My test image">
  </body>
</html>
```
- <!DOCTYPE html> - the doctype.
- <html> - wraps all the content on the entire page.
- <head> - 包含所有不是呈現在畫面上的內容。如: keywords, page description, CSS to style the content,.
- <meta charset="utf-8"> - set the character set the dcument should use to UTF-8.
- <title> - title of the page.
- <body> the content you want to show on screen.

Image

<img src="images/firefox-icon.png" alt="my test image">

Marking up text

Heading

<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
<h7>H7</h7>

Paragraphs

<p>This is a single paragraph</p>

Lists

Unordered lists

<ul>
  <li>Helo</li>
  <li>Hi</li>
</ul>

Ordered lists

<ol>
  <li>Hello</li>
  <li>Hi</li>
</ol>

Links

<a href="http://www.mozilla.org">Mozilla</a>

Reference

https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics

ericltw commented 5 years ago

Responsive Meta Tag // TODO

https://css-tricks.com/snippets/html/responsive-meta-tag/