#TIL (April 9th, 두번째 이야기)

Jung Hyun Kim·2020년 4월 9일
0

What is HTML?

HTML = Hypertext Markup Language

1. Basic Tags

- <html> </html>
Creates an HTML document

- <head> </head>
Sets off the title & other info that isn't displayed

- <body> </body>
Sets off the visible portion of the document

- <title> </title>
Puts name of the document in the title bar; when
bookmarking pages, this is what is bookmarked

2. Text Tags

- <h1> </h1> --> <h6> </h6>
Creates headlines -- H1=largest, H6=smallest
- <b> </b>
Creates bold text (should use <strong> instead)
- <i> </i>
Creates italicized text (should use <em> instead)
- <tt> </tt>
Creates typewriter-style text
- <em> </em>
Emphasizes a word (usually processed in italics)
- <strong> </strong>
Emphasizes a word (usually processed in bold)
- <a href="URL">clickable text</a>
Creates a hyperlink to a Uniform Resource Locator
- <a href="mailto:EMAIL_ADDRESS">clickable text</a>
Creates a hyperlink to an email address

4. Formating

- <p> </p>
Creates a new paragraph
- <br>
AInserts a line break (carriage return)
- <div> </div>
Used to format block content with CSS
- <span> </span>
Used to format inline content with CSS

5. Graphic elements

- <hr>
Inserts a horizontal rule
- <hr size=?>
Sets size (height) of horizontal rule
- <img src="URL" />
Adds image; it is a separate file located at the URL
- <img src="URL" align=?>
Aligns image left/right/center/bottom/top/middle (use CSS)

6. Input tag attributes

- <input type="email" name=?>
 Sets a single-line textbox for email addresses
- <input type="url" name=?>
 Sets a single-line textbox for URLs
- <input type="number" name=?>
 Sets a single-line textbox for a number
- <input type="range" name=?>
 Sets a single-line text box for a range of numbers
- <input type="date/month/week/time" name=?>
 Sets a single-line text box with a calendar
 showing the date/month/week/time

There are some other HTML tags including table but as CSS deals most of the table/graphic elements, I would like to cover on the next TIL!

Useful website for HTML
https://devdocs.io/
https://web.stanford.edu/group/csp/cs21/htmlcheatsheet.pdf

profile
코린이 프론트엔드 개발자💻💛🤙🏼

0개의 댓글