본문으로 건너뛰기

HTML Recap

HTML Recap

HTML stands for "HyperText Markup Language" and is the markup language used to define the structure and content of web pages. Web browsers interpret HTML code to display web pages to the user.

Basic Structure of HTML:

HTML
<!DOCTYPE html>
<html>
<head>
<title>Document Title</title>
</head>
<body>
Main content of the webpage
</body>
</html>
  1. <!DOCTYPE html>: Document type declaration. Indicates that the document is written in HTML5.

  2. <html>: Marks the beginning and end of an HTML document.

  3. <head>: Contains metadata, styles, scripts, and other information about the document.

  4. <title>: Sets the title of the document, which is displayed in the browser tab.

  5. <body>: Contains the actual content of the web page.


A Few Key HTML Tags:

  1. Heading tags: <h1>, <h2>, ..., <h6> - Represent headings and subheadings on the webpage.

  2. Paragraph tag: <p> - Creates a text paragraph.

  3. Link tag: <a href="URL">Link Text</a> - Creates a link to another page.

  4. Image tag: <img src="ImageURL" alt="Alternative Text"> - Inserts an image into the webpage.

  5. Lists:

    • Ordered list: <ol><li>Item 1</li><li>Item 2</li></ol>
    • Unordered list: <ul><li>Item 1</li><li>Item 2</li></ul>

  1. Form tag: <form action="URL" method="POST"> ... </form> - Creates a form to collect user input.

  2. Input tag: <input type="text" name="name"> - Creates a text input field.

  3. Button: <button type="submit">Submit</button> - Creates a form submission button.

When starting to learn HTML, it's important to become familiar with each tag and attribute. If you're interested in web design and development, it's advisable to further your studies with other technologies like CSS, JavaScript, etc.

다음 내용이 궁금하다면?

월 12,500원 PLUS 멤버십 가입 or 강의를 등록해 주세요!