Scribd Logo
Upload

Welcome to Scribd!

  • MY NOTES

    Uploaded by

    Kato samz kingdom samuel raymond marvin hosborn
    6 views6 pages
    html form notes

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    html form notes

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    6 views6 pages

    MY NOTES

    Uploaded by

    Kato samz kingdom samuel raymond marvin hosborn
    html form notes

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 6

    HTML PERSONAL NOTES

    HTML stands for Hyper Text Markup Language. This is used for creating web pages. It
    describes the structure of a web page and consists of elements which tell the browser how
    to display the content
    Html 5
    Format

    <!doctype html>
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    </body>
    </html>

    Tag Meaning

    <!doctype> Defines the HTML version used in the document. In this case it is HTML5.
    See the doctypes topic for more information.

    <html> opens the page. No markup should come after the closing tag (). The lang
    attribute declares the primary language of the page using the ISO language
    codes (en for English). See the Content Language topic for more information.
    <head> Opens the head section, which does not appear in the main browser window
    but mainly contains information about the HTML document, called metadata.
    It can also contain imports from external stylesheets and scripts. The closing
    tag is.
    <meta> Gives the browser some metadata about the document. The charset attribute
    declares the character encoding. Modern HTML documents should always
    use UTF-8, even though it is not a requirement. In HTML, the tag does not
    require a closing tag. See the Meta topic for more information. )
    <title> the title of the page. Text written between this opening and the closing
    tag(</title>) will be displayed on the tab of the page or in the title bar of the
    browser.
    <body> Opens the part of the document displayed to users, i.e. all the visible or
    audible content of a page. No content should be added after the closing tag
    </body>
    <h1> A level 1 heading for the page.
    <p> represents a common paragraph of text
    HEADINGS

    HTML provides not only plain paragraph tags, but six separate header tags to indicate headings of
    various sizes and thicknesses. Enumerated as heading 1 through heading 6, heading 1 has the
    largest and thickest text while heading 6 is the smallest and thinnest, down to the paragraph level.
    This topic details proper usage of these tags.

    Headings can be used to describe the topic they precede and they are defined with the <h1> to
    <h6> tags Headings support all the global attributes

    Defining a heading:
    <h1> heading 1 </h1>

    <h2> heading2 </h2>

    <h3> heading3 </h3>

    <h4> heading4 </h4>

    <h5> heading5 </h5>

    <h6> heading6 </h6>

    Paragraphs

    Column Column

    <p> Defines a paragraph


    <br> Inserts a single line break
    <pre> Defines pre-formatted text

    Paragraphs are the most basic HTML element. This topic explains and
    demonstrates the usage of the paragraph
    element in HTML.

    Text Formatting

    While most HTML tags are used to create elements, HTML also provides in-text formatting tags to
    apply specific text-related styles to portions of text. This topic includes examples of HTML text
    formatting such as highlighting, bolding, underlining, subscript, and stricken text.

    Highlighting

    The <mark> element is new in HTML5 and is used to mark or highlight text in a document "due to
    its relevance in another context".1

    The most common example would be in the results of a search were the user has entered a search
    query and results are shown highlighting the desired query.

    <p>Here is some content from an article that contains the searched query that we are
    looking for. Highlighting the text will make it easier for the user to find what they are
    looking for. </p>
    Bold Text

    To bold text, use the <strong> or <br> tags;

    <strong> bold text here </strong>

    Or

    <b> bold text here </>

    What’s the difference? Semantics. <strong> is used to indicate that the text is
    fundamentally or semantically important to the surrounding text, while <br> indicates
    no such importance and simply represents text that should be bolded.
    FORMS

    THE FORM IS A WAY FOR VISITORS WHHO COME TO VIEW A WEBSITE TO COMMUNICATE WITH THE
    WEBMASTER OF THE WEBSITE.so that visitors can communicate effectively with the administration
    of a website using the form, the designer must have knowledge of PHP and MySQL. But in the
    meantime the base of the form starts with the html tag.

    The creation of a form begins with the <form> tag and with </form>, it is inside this tag that the
    form elements are inserted.

    Structure of the form

    When a form is inserted on a web page, it is so that the visitor can fill it out according to the
    designer’s request with text, when this information is sent how it is processed. So let’s add two
    attributes to the <form> tag, the method and action attributes

    Method: the method attribute indicates by wat means the data will be sent. There are two
    solutions for sending data using a form:

    One passes information through the address but the other does not

    Method=”post”: this is the method that is recommended for sending information and its
    information passes through in large numbers. The data entered in the form does not pass through
    the address bar.

    Method=”get”: this is a method that is less recommended for sending because it is limited to 255
    charcaters. With this method the information will be sent to the address of the webpage
    (http://....).

    Action: this is the address of the page which will process the information. This page will take care of
    saving the message with all the other s in a database. This is especially done in PHP.

    A form is often made up of text boxes, check boxes, dropdown buttons and buttons.

    ENTRY FIELD

    In the form, there are two types of input zone: the basic input zone and single-line input zone.

    The single-line text box is for writing a single line such as last name, post name, first name while the
    mulyi-line text box is used to enter a quantity of texts on several lies.

    SINGLE LINE:

    <input type =”text”/>

    The single-line text box can have a name attribute to specify that it is a name box etc.

    <input type =”text” name =”pseudo”/>


    THE LABELS

    The labels are the <label> tag to indicate to the person who wants to fill out the form to type on the
    field in question.

    Eg

    <label>any text </label>;

    <input type=”text” name=”pseudo”/>

    The label tag can improve by linking the label to the text box, a name is given to the text box not
    with the name attribute but with the id attribute

    The label field is liked b giving a for attribute which has the same value as the field.

    PERFECT TEXT AREA

    You can add a number of other attributes to the <input/> tag to customise its operation:

    Size: this attribute is used to enlarge the text field.

    Maxlengt: this attribute is used to limit the number of characters that can be entered in a field.

    Placeholder: this attribute is used to indicate the content of the field. The indication will disappesr
    when the visitor clicks inside the field.

    eg

    <label> any text </lael>

    <input type = “text” name= “pseudo” id= “pseudo” placeholder= “pseudo” size = “30” maxlength=
    “10”/>

    Multi-line text ox

    The textarea <textarea> </textarea> attribute is used to create a multiline text area.

    <label for =”text” leave a comment on the page </label> <br>

    <textareaname= “improve” id= “improve”></textarea>

    PASSWORD AREA

    The type= “password” attribute is the text box or character entered on hte screen is invisible

    <lael for= “text”> enter your password </label>

    <input type= “text” name= “pass” id “pass”/>

    EMAIL AREA
    The area for entering an email address looks like the field for last name, post name, first name.

    <input type= “email” name = “email”/>

    AREA FOR PHONE NUMBER

    The input zone for the telephone number is similar to that of the zone for email and that of name,
    except that the change concerns the attribute of the input tag.

    <input type= “tel” name= “tel” id= “tel”/>

    INPUT BOX FOR NUMBER

    The

    You might also like