Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    Youcef Meh
    2 views2 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    2 views2 pages

    HTML

    Uploaded by

    Youcef Meh

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    - Hypertext Markup Language

    - The Language To buil the web, it is the skeleton of the web page
    - ctrl + u => page source code
    - index.html, we use the name index because the server working on ur website
    searches for a file called "index"
    - Meta is info about info
    - global attributes like "class", we can use it on every tag, costum attr,
    - you go to network to see the data being sent and the queries
    - Lighthouse makes you a report about all the problems you have in the page
    - ARIA accebile reach internet application

    tags:

    Formatting:
    <b>bold</> = <strong> Important text </>
    <i> = <em> important text
    <mark> to highlight,
    <u> underline
    <small> smaller than the other
    <del> deleted, corssed
    <ins> inserted (underlined)
    <sub, sup>
    <q> quote, <blockquote>
    <button>
    <wbr> word break
    <bdi> bi direction isolation to isolate content from the direction of the writing
    <code>
    <pre> pre formatted text , conserves the format of the text written
    <iframe src="">

    Entities:
    &lt; , gt,

    <!doctype html> : shows the html version to the browser, render mode:
    quirks(without doctype), standard mode
    <!-- --> for comments or ctrl + q
    <html> </html> : for starting the document

    <head></> : contains the meta data that the browser works with

    <title></> : title of your page


    <meta charset="UTF-8", name="description" content="" {here is the desc of ur
    website in the search page />
    <style>here u put css code</>
    <link rel="stylesheet" href="">

    </>

    <body>

    <h1-6>has user agent stylesheet, style generated by the browser</>


    <p id="id">block element that has a margin to separate the paragraphs</>
    <a href="url/ #id/ html page/ mailto:email" target="_blank" title="decription"></>
    , takes you to a website, html page or a paragraph
    <img src="url, chemin" alt="">
    <u,o(reversed, type ="" , start=:=""l> <li value="">unorderd list</> <dl> <dt><dd>
    description list
    <table><tr><th><td colspan = "2">, <thead, tbody, tfoot> <caption>
    <span> isolate the content ,
    <br /> break line
    <hr />
    <div> is a container of elements, the code will contain lots of divs so html5 solve
    this problem using:
    <header> <nav> <main> <section> <aside> <article> <footer> <figure>
    <figcaption>(semantic elements)
    <audio/ video width= height= poster= src="" controls autoplay loop muted> <source
    src="" type="MIME type"><track src kind srclang label

    Forms: contains inputs and vars

    <form novalidate and target(send data to test without filling all fields)
    action="url to send the data to" method="method of sending data GET shows the info
    in the url, POST does not show the data in the url
    > <label></><name="att and parameters that will be send to like in the back end in
    the query string parameters"><input type="text/ password/ submit/ email/ hidden/
    reset/ color/ range, number min max step value/ readonly(will be sent)/ disabled(do
    not get sent/ autofocus/ min, max,lenght/ name", placeholder="" , value=""required>

    id="" type ="file/ search/ url/ date/ month/ time/ radio/ checkbox" name value>
    then <label for="id">, checked(by default)
    <select name id> <optgroup label =""><option value selected> option<>
    <textarea>
    <input list ="programming" name="prog"> you can search in it
    <datalist id="programming"> <option value="">
    </>

    You might also like