4Computer Science_10_Revision_Web-development

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

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

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

Иконка файла материала 4Computer Science_10_Revision_Web-development.docx

 

main tags

<html></html>

Indicates to the page viewer that this is an HTML document.

<head></head>

Specifies the location where different information is not displayed in the body of the document. Here is the title tag of the document and the tags for the search engines.

<body></body>

Specifies the visible part of the document.

Tags of the table of contents

<title></title>

Puts the name of the document into the table of contents of the page viewer

 

Attributes of the body of the document

<body bgcolor=?>

Sets the background color of the document using the color value in the form RRGGBB - example: FF0000 - red color.

<body text=?>

Sets the color of the document text using the color value in the form RRGGBB - example: 000000 - black color.

<body link=?>

Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.

<body vlink=?>

Sets the color of hyperlinks on which you have already visited, using the color value in the form RRGGBB - example: 333333 - gray color.

<body alink=?>

Sets the color of hyperlinks when pressed.

Tags for text formatting

<pre></pre>

Frames preformatted text.

<h1></h1>

Creates the BIGGEST title

<h6></h6>

Creates the smallest title

<b></b>

Creates a fat text

<i></i>

Creates an oblique text

<tt></tt>

Creates a text that imitates the style of a typewriter.

<cite></cite>

Used for citations, usually oblique text.

<em></em>

Used to select from the text a word (inclined or bold text)

<strong></strong>

Used to highlight the most important parts of the text (oblique or bold text)

<font size=?></font>

Sets the size of the text between 1 and 7.

<font color=?></font>

Sets the text color using the color value in the form RRGGBB.

Formatting

<p>

Creates a new paragraph

<p align=?>

Aligns the paragraph relative to one side of the document, values: left, right, or center

<br>

Inserts a line feed.

<blockquote>
</blockquote>

Creates indents on both sides of the text.

<dl></dl>

Creates a list of definitions.

<dt>

Defines each of the terms in the list

<dd>

Describes each definition

<ol></ol>

Creates a numbered list

<li>

Creates a numbered list

<ul></ul>

Creates an unnumbered list

<li>

Precedes each element of the list and adds a circle or square.

<div align=?>

An important tag used to format large blocks of HTML document text is also used in style sheets

Graphic elements

<img src="name">

Adds an image to an HTML document

<img src="name" align=?>

Aligns the image to one side of the document, takes values: left, right, center; bottom, top, middle

<img src="name" border=?>

Sets the thickness of the border around the image

<hr>

Adds a horizontal line to the HTML document.

<hr size=?>

Sets the height (thickness) of the line

<hr width=?>

Sets the width of the line, you can specify the width in pixels or percent.

<hr noshade>

Creates a line without a shadow.

<hr color=?>

Specifies a line of a specific color. The value of RRGGBB.

Tables

<table></table>

Creates a table.

<tr></tr>

Defines a row in a table.

<td></td>

Defines a single cell in the table.

<th></th>

Defines the table header (normal cell with centered bold text)

Hyperlinks

<a href="URL"></a>

Creates a hyperlink to other documents or part of the current document.

<a href="mailto:EMAIL">
</a>

Creates a hyperlink to a mail program to write a letter to the author of the document.

<a name="NAME"></a>

Marks part of the text as the target for the hyperlinks in the document.

<a href="#NAME"></a>

Creates a hyperlink to the part of the current document.

 

It is better to prepare or download the DER in advance to demonstrate the use of multimedia technologies.

Show students how to embed a Youtube video using the <iframe> tag from the share tab.

Differentiation: you can introduce students to the <Form> forms and give examples of different inputs; ask them to insert a registration field into one of the <div> blocks.

Tutorial HTML5:

http://html5ru.com/video-i-audio-v-html5.html

 

HTML5 media elements:

https://myrusakov.ru/html-5-elementy-multimedia.html


 

Скачано с www.znanio.ru