Scribd Logo
Upload

Welcome to Scribd!

  • Quiz Tik

    Uploaded by

    egikasa123
    4 views3 pages
    The document discusses HTML (Hypertext Markup Language), the coding language used to structure and present content on the World Wide Web. It provides definitions for key HTML terms like tags, elements, and attributes. It also covers important HTML elements for text formatting, images, headings, paragraphs, and styles. Specific code examples are given to illustrate how to apply backgrounds, colors, fonts, sizes, and alignments to HTML elements.

    Original Description:

    Original Title

    Quiz tik

    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
    The document discusses HTML (Hypertext Markup Language), the coding language used to structure and present content on the World Wide Web. It provides definitions for key HTML terms like tags, elements, and attributes. It also covers important HTML elements for text formatting, images, headings, paragraphs, and styles. Specific code examples are given to illustrate how to apply backgrounds, colors, fonts, sizes, and alignments to HTML elements.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views3 pages

    Quiz Tik

    Uploaded by

    egikasa123
    The document discusses HTML (Hypertext Markup Language), the coding language used to structure and present content on the World Wide Web. It provides definitions for key HTML terms like tags, elements, and attributes. It also covers important HTML elements for text formatting, images, headings, paragraphs, and styles. Specific code examples are given to illustrate how to apply backgrounds, colors, fonts, sizes, and alignments to HTML elements.

    Copyright:

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

    W W W – World Wide Web.

    HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
    HTML is a text formatting language.
    URL – Uniform Resource Locator.
    Browser – A software program which is used to show web pages.

    Ex:
    <HTML>
    <HEAD>
    <TITLE>Turgut Ozal College</TITLE>
    </HEAD>
    <BODY>
    This is what is displayed.
    </BODY>
    </HTML>

    1.An HTML element is defined by a start tag, some content,and an end tag.
    The HTML element is everything from the start tag to the end tag:
    For example: <tagname> Content goes here...</tagname>

    HTML attributes provide additional information about HTML elements.


    ● All HTML elements can have attributes.
    ● Attributes provide additional information about elements.
    ● Attributes are always specified in the start tag

    2.HTML headings are titles or subtitles that you want to display on a webpage.
    HTML headings are defined with the <h1> to <h6> tags.
    <h1> defines the most important heading. <h6> defines the least important heading

    The HTML <p> element defines a paragraph.


    A paragraph always starts on a new line, and browsers automatically add some white space (a
    margin) before and after a paragraph.

    3.The HTML style attribute is used to add styles to an element, such as color, font, size, and
    more.
    Setting the style of an HTML element, can be done with the style attribute.
    The HTML style attribute has the following syntax:

    <tagname style="property:value;">

    ● use the style attribute for styling HTML elements


    ● Use background-color for background color
    ● Use color for text colors
    ● Use font-family for text fonts
    ● Use font-size for text sizes
    ● Use text-align for text alignment
    1- Background Color

    Example
    <body style="background-color:blue;">
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    </body>

    2- Text Color
    Example:
    <p style="color:red;">This is a paragraph.</p>

    3-Fonts
    <h1 style="font-family:verdana;">This is a heading</h1>
    4-Text Size

    <h1 style="font-size:300%;">This is a heading</h1>

    5-Text Alignment

    <h1 style="text-align:center;">Centered Heading</h1>

    4.HTML Formatting is a process of formatting text for better look and feel.
    In HTML the formatting tags are divided into two categories:
    Physical tag: These tags are used to provide the visual appearance to the text.
    Logical tag: These tags are used to add some logical or semantic value to the text.
    Here, we are going to learn HTML formatting tags.
    Following is the list of HTML formatting text.

    <b> - This is a physical tag, which is used to bold the text written between it.
    <strong> - This is a logical tag, which tells the browser that the text is important.
    <i> - Italic text
    <em> - Emphasized text
    <mark> - This tag is used to highlight text.
    <small> - This tag is used to decrease the font size by one unit from base font size.
    <big> - This tag is used to increase the font size by one conventional unit.
    <del> - Deleted text
    <sub> - Subscript text
    <sup> - Superscript
    5. Display an image

    HTML Images Syntax


    The HTML <img> tag is used to embed an image in a web page.
    Images are not technically inserted into a web page; images are linked to
    web pages. The <img> tag creates a holding space for the referenced
    image
    The <img> tag is empty, it contains attributes only, and does not have a
    closing tag.
    The <img> tag has two required attributes:
    src - Specifies the path to the image
    alt - Specifies an alternate text for the image
    Syntax
    <img src="url" alt="alternatetext">

    The src and alt Attribute

    The src Attribute


    The required src attribute specifies the path (URL) to the image.
    The alt Attribute
    The required alt attribute provides an alternate text for an image.
    Example:
    <img src=“Image.jpg" alt=“Turgut Ozal Durres">

    Image Size

    Image Size - Width and Height


    The width and height attributes always define the width and height of
    the image in pixels.
    Example
    <img src=“Image.jpg" alt=“Turgut Ozal Durres“ width="500" height="600">

    You might also like