Chairbear | Learn HTML In Under 10 Minutes


HTML stands for HyperText Markup Language. Unlike a scripting language that uses scripts
to perform functions, a markup language uses tags to identify content. Everything in an HTML document is surrounded
by thetag. Then followed by the head of the document,
which is identified by opening and closingtags. The head of an HTML file contains all of the
non-visual elements that help make the page work. Thetag follows the head tag. all visual-structural
elements are contained within the body tag such as headings, paragraphs, list, quotes
and images. HTML files are text files saved with .HTML
or HTM at the end, because of this you can use any Text Editor to create your document.
we are using Code Writer, a free software for windows. We will place a title element within the head
section. The title element is important because it is used by search engines and should describe
the page. And now a paragraph, enclosed by its opening
and closing

tags, within the body section. Browsers automatically add an empty line before
and after a paragraph. To add a line break in the paragraph without
starting a new one we will add the line break tag. Not all tags have an opening and closing tag,
like the line break tag, this is because you cannot put anything inside of it- it is classed
as an empty HTML element. So we close it within the first tag, by placing a / at the end before
the>. HTML include six levels of headings which
are ranked according to importance. These are H1 to H6. You should not use headings just to make the
text bigger or bold because search engines use headings to index the webpage structure
and content. You can format elements within HTML like the
below formatting elements designed to display special types of text. Browsers displayas, and
ashowever these tags have different meanings.anddefine bold and italic text respectively
whilstandsuggest that the text is important and search engines will
pay special attention to this. You can further format HTML elements with
attributes. Attributes provide additional information about an element, and are always
specified in a start tag. they appear in the name value pairs. In our example the value of centre indicates
that the paragraph within the

element should be aligned to the centre. The align tribute of a

tag is not supported
in HTML5. CSS should be used instead to format elements. The image tag is used to insert an image.
It contains only attributes and does not have a closing tag. The images URL (address) can be defined using
the source attribute. And alt attribute specifies alternate text for an image, this will be
displayed if the image cannot be. And is used by search engines to further understand the
context of the page. The alt attribute is required. There are different file paths available in
HTML. An absolute file path is the full URL to an
internet file. A relative file path points to a file relative
to the current page. For example,
suggests that the image is located in the same folder as the current
page.suggests the image
is located in the images folder in the current folder. It is best practice to use relative file paths
if possible, because When using relative file paths, your web pages will not be restricted
to your current base URL. Meaning All links will work on your own computer (your localhost)
as well as on public domains. To define the images size use width and height
attributes. The value can be specified in pixels or as a percentage. By default images have no borders. use the
border attribute with the image tag to create a border around the image. Warning: by default Internet explorer nine
and it’s earlier versions display a border around an image unless a border attribute
is defined. You can add links to text or images that will
enable a user to click on them and be directed to another file or webpage. In HTML links
are defined using thetag. Use the href attribute to define the links destination
address. The target attribute specifies where to open
the link document. Adding a _blank value to your attribute will have the link open in
a new window or tab. To create an ordered list use the

    tag
    each and then define each list item with the

  1. tag. And an un-ordered list uses the
      tag, with

    • tags nested within. In HTML tables are defined using the table
      tag. Tables are divided into rows with the

      tag. And these rows are divided into
      columns( table data) with the

      tag. Our example is of a table with one row and
      three columns. You can add a border to tables using the border
      attribute. Warning the border attribute is not supported
      in HTML5. Or make a table cell span two or more columns
      using the colspan attribute. To make a cell span more than one row use
      the rowspan attribute. You can also specify a background colour by
      using the BG colour attribute. In HTML, colors can be specified using RGB values, HEX values,
      HSL values, RGBA values, and HSLA values. There are different types of elements in HTML,
      most elements are defined as block level or in-line elements. Block level elements start
      from new line. for example H1 and table elements. Whilst in line elements are normally displayed
      without line breaks, such as strong and EM elements. You can insert inline elements inside block
      elements. For example you can have multipleelements inside a

      element, but
      in line elements cannot contain block level elements. The

      element is used to collect information
      from the user. The action attribute specifies where the backend
      script is located to process that data. The method attributes specify the HTTP method
      get or post to be used when the form is submitted. When using GET, the form data will be visible
      in the page address. POST the preferred method as it offers better
      security because the submitted data is not visible in the page address.
      To take user input you need to use from elements such as theelement.
      Type text allows the user to type in any text. Type password will hide the users input, like
      all password boxes typically do. Type radio allows the user to select only
      one of a number of choices. Type checkbox allows the user to select more
      than one option. The submit button submits a form to its action
      attribute.

Leave a Reply

Your email address will not be published. Required fields are marked *