Скачать презентацию Lecture 13 HTML What is HTML HTML Скачать презентацию Lecture 13 HTML What is HTML HTML

Lecture #13_ HTML.pptx

  • Количество слайдов: 17

Lecture 13 HTML Lecture 13 HTML

What is HTML? HTML is a language for describing web pages. ● HTML stands What is HTML? HTML is a language for describing web pages. ● HTML stands for Hyper Text Markup Language ● HTML is a markup language ● A markup language is a set of markup tags ● The tags describe document content ● HTML documents contain HTML tags and plain text ● HTML documents are also called web pages

HTML tags HTML markup tags are usually called HTML tags ● HTML tags are HTML tags HTML markup tags are usually called HTML tags ● HTML tags are keywords (tag names) surrounded by angle brackets like ● HTML tags normally come in pairs like and ● The first tag in a pair is the start tag, the second tag is the end tag ● The end tag is written like the start tag, with a forward slash before the tag name ● Start and end tags are also called opening tags and closing tags

This is a paragraph.

HTML page structure HTML page structure

HTML Attributes ● HTML elements can have attributes ● Attributes provide additional information about HTML Attributes ● HTML elements can have attributes ● Attributes provide additional information about an element ● Attributes are always specified in the start tag ● Attributes come in name/value pairs like: name="value" Example: This is a link

HTML title of page <html> <head><title>Title of page</title></head> <body> </html> HTML title of page Title of page

HTML Paragraphs <p>This is my first web page</p> <p>How exciting</p> HTML Paragraphs

This is my first web page

How exciting

HTML Headings They are h 1, h 2, h 3, h 4, h 5 HTML Headings They are h 1, h 2, h 3, h 4, h 5 and h 6, h 1 being the almighty emperor of headings and h 6 being the lowest pleb. My first web page What this is

New line and Horizontal ruler To transport new text to new line write following New line and Horizontal ruler To transport new text to new line write following tag:


HTML lists The ul tag is used to define unordered lists and the ol HTML lists The ul tag is used to define unordered lists and the ol tag is used to define ordered lists. Inside the lists, the li tag is used to define each list item.

  • To learn HTML
  • To show off
  • Third element

HTML: types of list We can change type of symbols showing element like <ul HTML: types of list We can change type of symbols showing element like

    for ul: disc, circle, square for ol: A, a, I, i, 1 and also attributes reversed, start

HTML Images The <img> tag is empty, which means that it contains attributes only, HTML Images The tag is empty, which means that it contains attributes only, and has no closing tag. To display an image on a page, you need to use the src attribute. Src stands for "source". The value of the src attribute is the URL of the image you want to display. HTML Dog

HTML tables Tables are defined with the <table> tag. A table is divided into HTML tables Tables are defined with the

tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the
tag). td stands for "table data, " and holds the content of a data cell. A tag can contain text, links, images, lists, forms, other tables, etc.
r 1, c 1r 1, c 2
r 2, c 1r 2, c 2

Style <p style=”color: red; ”>Red text</p> <p style=”text-decoration: underline; ”>Text</p> <p style=”font-size: 14 px; Style

Red text

Text

Some text

Bold text

Styling with tags <b>Bold text</b> <i>Italic text</i> <u>Underlined</u> Styling with tags Bold text Italic text Underlined

Semantic web is a philosophy which aim is to create web-pages so that they Semantic web is a philosophy which aim is to create web-pages so that they are understandable by machines. And to provide extra information to search engines (as Google, Yandex). So instead of use , and instead of use of