Skip to content

Instantly share code, notes, and snippets.

@imralpharvin

imralpharvin/html.md

Last active September 13, 2020 20:10
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save imralpharvin/aa780a8a73e8869d2f7ad0d6454d9f2c to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save imralpharvin/aa780a8a73e8869d2f7ad0d6454d9f2c to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. imralpharvin revised this gist Sep 13, 2020. 1 changed file with 39 additions and 15 deletions.
    54 changes: 39 additions & 15 deletions html.md
    View file
    Original file line number Diff line number Diff line change
    @@ -15,23 +15,39 @@
    ### HTML
    - Series of elements
    - Represented by tags

    ### <html>
    ```
    <html>
    ```
    - element is the root element of an HTML page

    ### <head>
    ### head
    ```
    <head>
    ```
    - element contains meta information about the document

    ### <title>
    ### title
    ```
    <title>
    ```
    - element specifies a title for the document

    ### <body>
    ### body
    ```
    <body>
    ```
    - element contains the visible page content

    ### <h1>
    ### heading 1
    ```
    <h1>
    ```
    - element defines a large heading

    ### <p>
    ### paragraph
    ```
    <p>
    ```
    - element defines a paragraph

    ### Headings
    @@ -41,10 +57,9 @@
    ```
    <a href="https://www.w3schools.com">This is a link</a>
    ```
    Images
    Buttons
    Lists

    ### Images
    ### Buttons
    ### Lists
    ### Line break
    ```
    <br>
    @@ -53,13 +68,22 @@ Lists
    ```
    <!-- This is a comment →
    ```
    ### <div>
    block -level element
    ### Div block
    ```
    <div>
    ```
    - block -level element

    ### <span>
    ### span inline
    ```
    <span>
    ```
    Inline element

    ### <meta>
    ### metadata
    ```
    <meta>
    ```
    Contains metadata

    ### Image
  2. imralpharvin revised this gist Sep 13, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion html.md
    View file
    Original file line number Diff line number Diff line change
    @@ -17,7 +17,7 @@
    - Represented by tags

    ### <html>
    - element is the root element of an HTML page
    - element is the root element of an HTML page

    ### <head>
    - element contains meta information about the document
  3. imralpharvin revised this gist Sep 13, 2020. No changes.
  4. imralpharvin created this gist Sep 13, 2020.
    73 changes: 73 additions & 0 deletions html.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,73 @@
    # HTML

    ### Terminology to know
    - Elements
    - Tags
    - Attributes

    ### Declaration
    ```
    <!DOCTYPE html>
    ```
    - instruction to the web browser about what version of HTML the page is written in.
    - In this case, it is HTML5

    ### HTML
    - Series of elements
    - Represented by tags

    ### <html>
    - element is the root element of an HTML page

    ### <head>
    - element contains meta information about the document

    ### <title>
    - element specifies a title for the document

    ### <body>
    - element contains the visible page content

    ### <h1>
    - element defines a large heading

    ### <p>
    - element defines a paragraph

    ### Headings
    - H1 to h6

    ### HTML links
    ```
    <a href="https://www.w3schools.com">This is a link</a>
    ```
    Images
    Buttons
    Lists

    ### Line break
    ```
    <br>
    ```
    ### Comment
    ```
    <!-- This is a comment →
    ```
    ### <div>
    block -level element

    ### <span>
    Inline element

    ### <meta>
    Contains metadata

    ### Image
    ```
    <img src="img_chania.jpg" alt="Flowers in Chania">
    ```

    ### Scale to device
    ```
    <meta name="viewport" content="width=device-width, initial-scale=1">
    ```