FRONT END DARSLIKLARI MODULI
HTML, CSS, JAVASCRIPT
HTML
1. INTODUCTION
• studentlar bilan tanishtiruv
• Muhitni sozlash, vs code, gitbash, nodejs
• HTML ga kirish va HTMLning asosiy strukturasi
• Tag nima va ularning turlari?
• HTML da teglar. Teglarni yozish va uning vazifasi;
• DOCTYPE, html, head, body
• h1 - h6, p, br, hr, pre, b, storng, i, em, mark, del, ins, sub, sup, blockquote, q
NOTES:
Installatations:
Vscode: https://code.visualstudio.com/download
Vscode extensions: ( live server and prettier )
Git bash: https://git-scm.com/download/win
Nodejs: https://nodejs.org/en/download/
Internet qanday ishlaydi ? https://youtu.be/Sfzo4xm5eX8
Explanations about how internet works.
HTML basics
-
The declaration defines that this document is an HTML5 document
-
An HTML tag is commonly defined as a set of characters constituting a formatted command for a Web page. At the core of HTML, tags provide the directions or recipes for the visual content that one sees on the Web.
-
The element is the root element of an HTML page
-
The element contains meta information about the HTML page
-
The element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
<br /><li/>
<br />The <body> element defines the document's body, and is a container for all the visible contents, such as headings, <a href="/paragraphs-does-it-have-a-conclusion-are-the-main-points-summa.html">paragraphs</a>, images, hyperlinks, tables, lists, etc.
<br /><li/>
<br />The <h2> element defines a large heading
<br /><li/>
<br />The
<br /> element <a href="/paragraph-structure.html">defines a paragraph
</a><br /><li/>
<br />The
<br /> tag defines preformatted text.
<br /><li/>
<br />Text in a
<br /> element is displayed in a fixed-width font, and the text preserves both spaces and line breaks. The text will be displayed exactly as written in the HTML source code.
<br /><li/>
<br />HTML <q> Tag. Mark up a short quotation:
<br />The goal is to:
<br /><q>Build</q>
<br /><li/>
<br />The <mark> tag defines text that should be marked or highlighted.
<br /><li/>
<br />The <del> tag defines text that has been deleted from a document. Browsers will usually strike a line through deleted text.
<br /><li/>
<br />My favorite color is <del>blue</del> <ins>red</ins>!
<br />=> My favorite color is red!
<br /><li/>
<br />This <a href="/text-categories-the-notion-of-text-categories-and-their-classi.html">text contains </a><sub>subscript</sub> text.
<br />This text contains <sup>superscript</sup> text.
<br />=> <a href="/text-categories-the-notion-of-text-categories-and-their-classi.html">This text contains </a><sub>subscript</sub> text. This text contains <sup>superscript</sup> text.
<br /><li/>
<br />The <blockquote> tag specifies a section that is quoted from another source.
<br /><li/>
<br />Browsers usually indent <blockquote> elements (look at example below to see how to remove the indentation)
<br /><li/>
<br /></ul>
<br />
<br /></blockquote></blockquote></del></mark></q></h2></body>
Do'stlaringiz bilan baham: |
