Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • HTML Guide

    Загружено:

    Sania Ali
    38 просмотров10 страниц
    HTML (Hypertext Markup Language) is used to define the structure and layout of a web page. HTML files contain tags that tell browsers how to display text, images, and other content. Common HTML tags include <html> <head> <title> <body> <p> <h1>-<h6> <ul> <ol> <a> <img> <table> <form> and <input> which are used to define headings, paragraphs, lists, links, images, tables, forms and more. HTML pages can also include backgrounds, comments, and text formatting.

    Исходное описание:

    HTML Introduction

    Оригинальное название

    HTML

    Авторское право

    © Attribution Non-Commercial (BY-NC)

    Доступные форматы

    PPT, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    HTML (Hypertext Markup Language) is used to define the structure and layout of a web page. HTML files contain tags that tell browsers how to display text, images, and other content. Common HTML tags include <html> <head> <title> <body> <p> <h1>-<h6> <ul> <ol> <a> <img> <table> <form> and <input> which are used to define headings, paragraphs, lists, links, images, tables, forms and more. HTML pages can also include backgrounds, comments, and text formatting.

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PPT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    38 просмотров10 страниц

    HTML Guide

    Загружено:

    Sania Ali
    HTML (Hypertext Markup Language) is used to define the structure and layout of a web page. HTML files contain tags that tell browsers how to display text, images, and other content. Common HTML tags include <html> <head> <title> <body> <p> <h1>-<h6> <ul> <ol> <a> <img> <table> <form> and <input> which are used to define headings, paragraphs, lists, links, images, tables, forms and more. HTML pages can also include backgrounds, comments, and text formatting.

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PPT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 10

    Hypertext Markup Language

    1) 2) 3) 4) 5) HTML stands for Hypertext Markup Language. An HTML file is a text file containing small markup tags. The markup tags will tell the browser how to display the page. An HTML file must have .htm or .html file extension. An HTML file can be created using a simple text editor.

    Type in the following text


    <html>
    <head> <title> Title of the page </title> </head> <body> This is my first homepage. </body> </html>

    Hypertext Markup Language


    1) 2) 3) 4) 5) 6) The first tag in your HTML document is <HTML>.This tag tells your browser that it is the start of an HTML document. The last tag in your document is </html>, this tag tells your browser that it is the end of the page. The text between the <head> </head> tag is the header information. Header information is not displayed in the browser window. The text between the <title> </title> tag is the tag that will be displayed in your browsers caption. Html tags are not case sensitive <B> means the same as <b>. Attribute value should always be enclosed in quotes. Double style quotes are the most common, but single style quotes are also allowed. Headings are defined with the <h1> to <h6>. <h1> defines the largest heading. <h6> defines the smallest heading. <h1> This is the heading </h1> HTML automatically adds an extra blank line before and after the heading.

    Hypertext Markup Language


    Paragraphs are defined with the <p> tag. <p> This is a paragraph </p> <p> This is an another paragraph </p> Line breaks The <br> tag is used when you want to end a line, but you dont want to start a new paragraph. The <br> tag forces a line break whenever you place it. Comment tag The comment tag is used when you want to insert a comment in the html source code. A comment will be ignored by the browser. You can use comment to explain your code, which can help you when you edit the source code at the later stage. <! This is a comment --!>

    Hypertext Markup Language


    Warning! When you write HTML text, you can never be sure how the text is displayed in another browser. Some people have large computer displays, some have small. The text will be reformatted every time the user resizes his window. Never try to reformat the text in your editor by adding empty lines and spaces to the text. HTML will truncate the spaces in your text. Any number of spaces count as one. Some extra information: In HTML a new line counts as one space Citation, Quotation, and Definition tag <abbr> <acronym> <address> <bdo> <blockquote> <q> <cite> <dfn> Defines an abbreviation Defines an acronym (e.g www) Defines an address element Defines the text direction Defines a long quotation Defines a short quotation Defines a citation Defines a definition term

    Hypertext Markup Language


    The anchor tag and the Href Attribute. HTML uses the <a> (anchor) tag to create a link to another document. An anchor can point to any resource on the web. An HTML page, an image, a sound file, A movie, etc. <a href= url> Text to be displayed </a> The target tag With the target tag you can define where the link document will be opened. The line below will open the document in a new browser window. <a href=http://www.yahoo.com/ target =_blank> Visit Yahoo! </a>

    Hypertext Markup Language


    Tables Tables are defined with the <table> tag. A table is divided into rows (with the <tr> tag), And each row is divided into data cells (with the (td) tag) <table border = 1> <th> Heading 1 </th> <th> Heading 2 </th> <tr> <td> row1, cell1 </td> <td> row1, cell2 </td> </tr> <tr> <td> row2,cell1 </td> <td> row2,cell2 </td> </tr>

    Hypertext Markup Language


    Forms A form is an area that can contain form elements.

    Form elements are elements that allow the user to enter information (like textfields,textarea field, dropdown menus, radio buttons, checkboxes, etc..) in a form.

    <form> <input 1> <input 2> </form> Input The most used form tag is the <input> tag. The type of input is specified with the type attribute.The most commonly used input types are explained below.

    Hypertext Markup Language


    <form> <input type= text name=sex value=male> Male <br> <input type=radio name =sex value=female> Female </form> Text Formatting Tags <b> Defines bold text <big> Defines big text <i> Defines italic text <small> Defines small text <strong> Defines strong text <sub> Defines subscripted text

    Hypertext Markup Language


    UnOrdered Lists An unordered list is the list of items. The list items are marked with bullets (typically small black circles). An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. <ul> <li> Chocolate </li> <li> Coffee </li> </ul> Ordered List An ordered list is also a list of items. The list items are marked with numbers. An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. <ol> <li> Number 1 </li> <li> Number 2 </li> </ol>

    Hypertext Markup Language


    Backgrounds The <body> tag has two attributes where you can specify backgrounds. The background can be a color or an image. <body bgcolor = #000000 > <body bgcolor = rgb(0,0,0)> <body bgcolor = black> The background attribute also specifies a background-image for an HTML page. The value of this attribute is the URL of the image you want to use. <body background =clouds.gif> <body background =http://www.yahoo.com>

    Вам также может понравиться