HTML & CSS
380 subscribers
728 photos
1 video
4 files
54 links
πŸ‘Œ HTML & CSS
@html_css_tut

πŸ‘ŒJavaScript
@javascript_tut

πŸ‘Œ PHP
@php_tut


πŸ‘ŒAll About Coding
@codingWithElias
Download Telegram
3. <head>

The <head> tag starts the header section of your file. The stuff that goes in here doesn't appear on your webpage. Instead, it contains metadata for search engines, and info for your browser.
4. <title>

This tag sets the title of your page. All you need to do is put your title in the tag and close it, like this (I've included the header tags, as well):
πŸ‘‡πŸ‘‡
That's the name that will be displayed as the tab title when it's opened in a browser.
5. <meta>

Like the title tag, metadata is put in the header area of your page. Metadata is primarily used by search engines, and is information about what's on your page. There are a number of different meta fields, but these are some of the most commonly used:

description---A basic description of your page.keywords---A selection of keywords applicable to your page.author---The author of your page.viewport---A tag for ensuring that your page looks good on all devices.
6. <body>

After you close the header section, you get to the body. You open this with the <body> tag, and close it with the </body> tag. That goes right at the end of your file, just before the </html> tag.

All of the content of your webpage goes in between these tags. It's as simple as it sounds:
7. <h1>

The <h1> tag defines a level-one header on your page. This will usually be the title, and there will ideally only be one on each page.

<h2> defines level-two headers such as section headers, <h3> level-three sub-headers, and so on, down to <h6>. As an example, the names of the tags in this article are level-two headers.
8. <p>
The paragraph tag starts a new paragraph. This usually inserts two line breaks.

Look, for example, at the break between the previous line and this one. That's what a <p> tag will do.
9. <br>
The line break tag inserts a single line break:
10. <strong>
This tag defines important text. In general, that means it will be bold. However, it's possible to use CSS to make <strong> text display differently.

However, you can safely use <strong> to bold text.
11. <em>
Like <b> and <strong>, <em> and <i> are related. The <em> tag identifies emphasized text, which generally means it will get italicized. Again, there's the possibility that CSS will make emphasized text display differently.
12. <a>

The <a>, or anchor, tag lets you create links. A simple link looks like this:πŸ‘‡
The "href" attribute identifies the destination of the link. In many cases, this will be another website. It could also be a file, like an image or a PDF.
Other useful attributes include "target" and "title." The target attribute is almost exclusively used to open a link in a new tab or window, like this:
The "title" attribute creates a tooltip. Hover over the link below to see how it works: