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: |
