3Text formatting (font, paragraph, lists)_presentation_ 1 variant

  • pptx
  • 09.05.2020
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала 3Text formatting (font, paragraph, lists)_presentation_ 1 variant.pptx

Text formatting (font, paragraph, lists)

Learning objective

10.4.2 use HTML in web-development

Expected results

Students know

- Demonstrates the skill of creating, saving and opening your own webpage.
- Demonstrates knowledge of webdocument structure
- Uses tag for headlines to create your own web page.
- Understands the differences between the types of headers
- Uses basic tags to create your own webpage.

HTML Text Formatting

- Bold text
- Important text
- Italic text
- Emphasized text
- Marked text
- Small text
- Deleted text
- Inserted text
- Subscript text
- Superscript text




This text is bold


This text is italic


This is subscript and superscript



Adding an image

In HTML, images are defined with the  tag.
The tag is empty, it contains attributes only, and does not have a closing tag.
The src attribute specifies the URL (web address) of the image: url
">

The alt Attribute

The alt attribute provides an alternate text for an image, if the user for some reason cannot view it.

 

Image Size - Width and Height

You can use the style attribute to specify the width and height of an image.

Image as a Link

To use an image as a link, put the tag inside the tag:


Image Floating

Use the CSS float property to let the image float to the right or to the left of a text:

The image will float to the right of the text.

The image will float to the left of the text.


Image Maps

   

Use the tag to define an image-map. An image-map is an image with clickable areas.

Background Image

To add a background image on a web page, specify the background-image property on the BODY element:

Background Image



To add a background image on a paragraph, specify the background-image property on the P element:

...

Adding links to a website

In HTML, links are defined with the  tag:

url">link text




Visit our HTML tutorial



Visit our HTML tutorial

HTML Link Colors

By default, a link will appear like this (in all browsers):
An unvisited link is underlined and blue
A visited link is underlined and purple
An active link is underlined and red

HTML Links - Image as Link

  

HTML Links - The target Attribute

The target attribute specifies where to open the linked document.

The target attribute can have one of the following values:

_blank - Opens the linked document in a new window or tab
_self - Opens the linked document in the same window/tab as it was clicked (this is default)
_parent - Opens the linked document in the parent frame
_top - Opens the linked document in the full body of the window
framename - Opens the linked document in a named frame

Questions Please