Code Tutorial Basic Understanding of Html,
Basic Coding….!
Hello Friends, Welcome To Code Tutorial
BlogSpot, I hope that our first video is helpful for you and you all
understand lots of things, I just want to say that our first video of channel
make you understand the basic tags of Html so that you can understand to
do code in Html. Our aim is to make you ready to design your own website. For
this we cover the topic which is Html, CSS, Bootstrap, WordPress. After Learning each subject you can design
your own website statics, responsive, dynamic with WordPress. Don’t need to
worry about anything just follow our video to understand the basic terms of
website designing you can also share your queries, doubts, errors so we can
clarify you more.
About Html (Hypertext Markup Language)
Hypertext
Markup Language is the standard markup language for documents designed to be
displayed in a web browser. It can be assisted by technologies such as
Cascading Style Sheets and scripting languages such as JavaScript.
The Html code
is used to structure a web page and its content. For example,
content could be structured within a set of paragraphs, a list of bulleted
points, or using images and data tables. Basically, it is used to create web
pages for website. To build any webpage you will need four primary tags: <html>,
<head>, <title> and <body>
Types of Tags Html
There are two types of tags in Html first one
is pair tags and second is unpaired tags. The pair tag having properties of
opening and closing tags this tags only works when tag is paired for example; <html>
tag is opening </html> tag is closed. Opening tag that turns a formatting
feature on and a closing tag that turns the feature off.
Unpaired tags work alone and are usually placed
before the text you want formatted. Some examples of unpaired tags id <br>
<hr> <img> etc.
Html contains
no programming logic. Html, as a markup language, doesn't
really “do” anything in the sense that a programming language does.
HTML is not a programming language. It doesn't have common
conditional statements such as If/Else.
The basic tags we learned of HTML
·
<h1>,
<h2>, <h3>, <h4>, <h5>,<h6> represents text header
·
<p> represents text paragraph
·
<a> (anchor) represents link
·
<img> represents image
·
<hr> represents horizontal line
·
<div> represents a block of content
·
<nav> represents navigation
·
<ol> represents ordered list
·
<ul> represents unordered list
·
<li> represents a list item
·
<meta> provides the information for the document
· <style> provides presentational attributes.
HTML5 - NEW Tags (Elements)
| <article> | Represents an independent piece of content of a document, such as a blog entry or newspaper article |
| <aside > | Represents a piece of content that is only slightly related to the rest of the page. |
| <audio> | Defines an audio file. |
| <canvas> | This is used for rendering dynamic bitmap graphics on the fly, such as graphs or games. |
| <command> | Represents a command the user can invoke. |
| <datalist> | Together with the a new list attribute for input can be used to make comboboxes |
| <details> | Represents additional information or controls which the user can obtain on demand |
| <embed> | Defines external interactive content or plugin. |
| <figure> | Represents a piece of self-contained flow content, typically referenced as a single unit from the main flow of the document. |
| <footer> | Represents a footer for a section and can contain information about the author, copyright information, et cetera. |
| <header> | Represents a group of introductory or navigational aids. |
| <hgroup> | Represents the header of a section. |
| <keygen> | Represents control for key pair generation. |
| <mark> | Represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context. |
| <meter> | Represents a measurement, such as disk usage. |
| <nav> | Represents a section of the document intended for navigation. |
| <output> | Represents some type of output, such as from a calculation done through scripting. |
| <progress> | Represents a completion of a task, such as downloading or when performing a series of expensive operations. |
| <ruby> | Together with <rt> and <rp> allow for marking up ruby annotations. |
| <section> | Represents a generic document or application section |
| <time> | Represents a date and/or time. |
| <video> | Defines a video file. |
| <wbr> | Represents a line break opportunity. |
h
New types for <input> tag
The input element's type attribute now has the following new values −
| Type | Description |
|---|---|
| color | Color selector, which could be represented by a wheel or swatch picker |
| date | Selector for calendar date |
| datetime-local | Date and time display, with no setting or indication for time zones |
| datetime | Full date and time display, including a time zone. |
| Input type should be an email. | |
| month | Selector for a month within a given year |
| number | A field containing a numeric value only |
| range | Numeric selector within a range of values, typically visualized as a slider |
| search | Term to supply to a search engine. For example, the search bar atop a browser. |
| tel | Input type should be telephone number. |
| time | Time indicator and selector, with no time zone information |
| url | Input type should be URL type. |
| week | Selector for a week within a given year |
We are thankful for your support stay tuned
and be ready for next video and blog. If you all have any related queries
please share with us. Everything is better with your attention and interest So
its all better with your practice and learning. You all need to do follow our
video and blogs Do more practice because your practice will make you perfect in
coding. I hope you all understand the topic and agenda wish you best of luck
and stay tuned for more.
0 Comments