Life @Uki: HTML

24.04.2017 - 25.04.2017

HTML - Hyper Text Markup Language

HTML is a language to create websites.

A HTML Document is built by the elements.

Elements are represented by tags.

Tags start with an angle bracket and end with an angles bracket.

Basic HTML Document

<!doctype html>
<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>

<!doctype html> - Declares the document type
<html> - A html document starts with this tag and ends with </html>
<head> - Head Part. In here we have <title> and<meta> tags
<title> - Title that appears in Browser Header.
<meta> - Gives Information About HTML Documenr
<body> - Defines the content of the document.

Tags In HTML

Defines a Paragraph

<h1><h6>

Headings
h1>h2>h3>h4>h5>h6

Bolds the Text

<strong>

Bolds the Text

Italic

<cite>

Same as italic

<em>

Same as italic

Underline

<ins>

Same as Underline

<br>

Line Break
Puts a single break

<hr>

Horizontal rule
Put a horizontal rule across the page.

<pre>

Edit the document in a proper way.
Display exactly how the user edits.

<font>

Font Size
Font Color
Font Style

anchor tag

<href>

Hyperlink
Helps to link pages, images etc

<img src>

Insert Images

<ul>

Unordered / Bullet List

< ol>

Ordered / Numbered / Lettered List

<li>

List item
An item in a bullet or numbered list.

<dl>

Definition List
A list of term with definition and its annotation.

<dt>

Definition Term
The term is being described.

<dd>

Definition Data
The description about the term.

Comments
It will not Display on the Browser

<table>

Basic Coding For Table

<tr>

Table row

<th>

Table Heading

<td>

Table Data

<caption>

Putting a Caption Text or Heading To table

<th colspan=2>

Merge 2 Columns together..

<th rowspan=2>

Merge 2 Rows together.

<style>

We can define different styles for html content using this tag

<p style="background-color:red;">
text-align
font-color
font-size etc...

<form>

<input type="text" name="text">

We can use this to First name, Last name, DOB, Register No etc...

<textarea name="textarea" rows="20" cols="20"></textare>

We can use this to Address, Feedback, Para Typing in Forms

<input type="password" name="pw">

To Make Thing Invisible. Eg: Passwords

<input type="radio" name="radio">

<input type="radio" name="gender">Male <input type="radio" name="gender">Female

Display ◎ Male ◎ Female
We can select Only a option.

<input type="checkbox" name="ckbox">

<input type="checkbox" name="ckbox">English <input type="checkbox" name="ckbox">Maths <input type="checkbox" name="ckbox">Science

Display ▣ English ▣ Maths ▣ Science
Here we can select many options.

drop box

<select><option></option></select>
Here We can give options in <option> tag to select one thing.

Submit button, Reset button

<input type="reset" name="reset" value="Reset">
<input type="submit" name="submit" value="Submit">
These are buttons to reset and submit documents.

<fieldset></fieldset>

Its like a Border for forms or any tags.
<legend></legend>

We can write a caption text here.

Sample HTML Form Syntax

<html>
<head>
  <title></title>
</head>
<body>
  <pre>
<form>
First name:
<input type="text" name="fn">
<br>
Last name:
<input type="text" name="ln">
<br>
Password:
<input type="password" name="pw">
<br>
address:
<textarea name="text" rows="10" cols="30"></textarea>
<br>
<input type="radio" name="gender">Male <br>
<input type="radio" name="gender" value="female" checked>Female <br>
Courses: <select name="courses">
  <option value="Ms Word">Ms Word</option>
  <option value="Ms Excel"> Ms Excel</option>
  <option value="Ms Powerpoint">Ms Powerpoint</option>
</select>
</pre>
</form>
</body>
</html>

```
<div>
```

The tag defines a section in an HTML document.
The tag is used to group block-elements to format them with CSS

These some of Tags That are familiar to me in HTML

For more information in any thing in HTML... visit to W3C Schools Website.

Life @Uki

Tuesday, April 25, 2017

HTML

1 comment:

My First Day with Uki DN Cohort 1

Labels

Technologies This Blog Has

Translate

Wikipedia