Blog Pribadi: HTML

Tampilkan postingan dengan label HTML. Tampilkan semua postingan

HTML BASIC 3

TABLE
Main function is to set the table the composition of web pages. tags table is a blog written as follows:

<table>
</table>

to create a table must declare the number of rows and columns.
<tr> and </ tr> for line
<td> and </ td> for the column

is written as follows:
<table>
<tr>
<td> < td>
</tr>
</table>

all the information in form of text and images displayed in a table placed between the tags marked <td>.
example :

Html Code	Result
<table> <tr> <td>No. </td> <td>Name </td > </tr> </table>

Html Code	Result
<table border=1> <tr> <td>No. </td> <td>Name </td > </tr> <tr> <td>1.</td> <td>Budi</td> </tr> <tr> <td>2.</td> <td>Rudy</td> </tr> </table>

Tags table has attributes that can be used to combine the columns or rows:

from the table above are combined rows or columns as below

tags "table", "tr" and "td" have atribute that can be used to set the table display, the attribute is.

TABLE

Attribute	Value	Description
align	left center right	Deprecated. Use styles instead. Specifies the alignment of a table according to surrounding text
bgcolor	rgb(x,x,x) #xxxxxx colorname	Deprecated. Use styles instead. Specifies the background color for a table
border	pixels	Specifies the width of the borders around a table
cellpadding	pixels	Specifies the space between the cell wall and the cell content
cellspacing	pixels	Specifies the space between cells
frame	void above below hsides lhs rhs vsides box border	Specifies which parts of the outside borders that should be visible
rules	none groups rows cols all	Specifies which parts of the inside borders that should be visible
summary	text	Specifies a summary of the content of a table
width	pixels %	Specifies the width of a table

Attribute	Value	Description
align	right left center justify char	Aligns the content in a table row
bgcolor	rgb(x,x,x) #xxxxxx colorname	Deprecated. Use styles instead. Specifies a background color for a table row
char	character	Aligns the content in a table row to a character
charoff	pixels %	Sets the number of characters the content will be aligned from the character specified by the char attribute
valign	top middle bottom baseline	Vertical aligns the content in a table row

Attribute	Value	Description
abbr	text	Specifies an abbreviated version of the content in a cell
align	left right center justify char	Aligns the content in a cell
axis	category_name	Categorizes cells
bgcolor	rgb(x,x,x) #xxxxxx colorname	Deprecated. Use styles instead. Specifies a background color for a cell
char	character	Aligns the content in a cell to a character
charoff	pixels %	Sets the number of characters the content will be aligned from the character specified by the char attribute
colspan	number	Sets the number of columns a cell should span
headers	headercells'_id	Specifies the table headers related to a cell
height	pixels %	Deprecated. Use styles instead. Sets the height of a cell
nowrap	nowrap	Deprecated. Use styles instead. Specifies that the content inside a cell should not wrap
rowspan	number	Sets the number of rows a cell should span
scope	col colgroup row rowgroup	Defines a way to associate header cells and data cells in a table
valign	top middle bottom baseline	Vertical aligns the content in a cell
width	pixels %	Deprecated. Use styles instead. Specifies the width of a cell

tasks:
create html like picture below :

HTML BASIC 2

Structure of Web Pages

<HTML>

<HEAD><TITLE>My First Home Page</TITLE>

<LINK REL=HOME HREF="http://www.tik-khadijah.blogspot.com">

</HEAD>

<BODY>

My First Home Page

</BODY>

</HTML>
Description :

<HTML> tags must be placed at the beginning of the document and </html> tags placed at the end of the document, the html page have 2 main parts, namely <HEAD> and <BODY>. <HEAD> tags contains information about html. this information is communicated through the tag <TITLE>, <LINK> and <META>

<TITLE> ...= must be in the tag that states the title of an HTML page, not shown in the documents but displayed in the browser bar

<LINK.....>= Defining the relationship between the current page and the page or other resources. For example, we have already a web page and we will connect to the other pages.

<META....>= Used to describe a web page. containing information about the information on the web page.

<BODY ...>= Defining the section shown on the document, it has a number of attributes that control the view the document as a whole.

Page Format


Description :

BACKGROUND = Using "image" as background of web pages

Bgcolor = Used to color the background, there are 2 types of color selection, the first to use the text as "Red", "Green", "Blue," "Yellow", "Magenta", "Gold" and so forth. Meanwhile, other ways to use RGB color layout using the hexadecimal code.

RGB Color Code:
RGB stands for Red Green Blue, like a painter, we can combine these 3 colors into new colors based on the intensity of each color. the three colors have the lowest value "00" and "FF" for the highest number with the sequence of hexadecimal

Example :
bgcolor=#FF0000 ---> after the # sign, 2 digits for the first red, 2 digits next green, the last 2 digits blue

bgcolor=#FF0000--->Red
bgcolor=#00FF00--->Green
bgcolor=#0000FF--->Blue

bgcolor=#000000---> black ; bgcolor=#FFFFFF...>white

TEXT="#000000"--->text color

LINK="#0000FF"--->text link color before click

VLINK="#FF66FF"--->text link color after link visited (Visited Link)

ALINK="#FF0000"---> text link color when cursor through link text(Active Link)

<Background> attributes

bgproperties : If the background image of the HTML document can not be in the scroll
topmargin : size of top and bottom margins
leftmargin : size of left and right margins
marginheight : size of top and bottom margins
marginwidth : size of left and right margins
onload : Script to run once the page is fully loaded
onunload
onfocus
onblur
stylesrc : MS Front page ekstension
scroll : to activate the scroll bar if necessary

Text

..... = > Bold
..... = > Italic
..... = > Underline
<S>.....</S> = > ~~Strikeout~~
... = > _Subscript
... = > ^Superscript
<TT>....</TT> = > Typewriter
<center>...</center> = > Center text
<blink>....</blink> = > Blinking
<pre>......</pre> = > Preformat

Font

<font....>....

Attribute :
Face=...=>Font name
Size=....=>Font Size
Color=...=>Font Color
Weight=...=>Font Weight

Practice :
Type the following HTML code :

<html>
<head>
<Title>I Can Do it, I’ll Find New Things</title>
</head>
<body bgcolor=”#9933aa” text=”000000”>

<center>My New Title (It’s Bold)</center>
 
SMA KHADIJAH SURABAYA 
SMA KHADIJAH SURABAYA 
SMA KHADIJAH SURABAYA 
SMA KHADIJAH SURABAYA 
&nbsp

CHEMISTRY
&nbsp = H2SO4 
&nbsp
Mathematic &nbsp = R2=X2 + Y 2

<pre>
SMA Khadijah
Surabaya
Jl. A Yani No. 2-4 Surabaya

Is a Leader of Modern Islamic International School
</pre>

</body>

Result :

Practice 2 :
Use all html tag above to see the result in browser

HTML BASIC 1 (Introduction)

HTML abbreviation of Hyper Text Markup Language is a language that is in text format that can be used to set up any posts, images, sounds, movies and other information that is displayed on the browser

To make use HTML editor that supports text formatting, such as Notepad, Front Page, Microsoft Word, Dos Edit, Max SimpleText and others.

After typing in the editor, then we save the file with the extension HTML. Then execute using a browser such as Internet Explorer, Mozilla Firefox and others ..

HTML files can be run in Offline or Online.

Exercise 1.
1. Open Notepad.
2. Type a command like this:

3. Then save, click "File" - "Save"

Then run the HTML file using a browser (Internet Explorer, Firefox, etc)

Writing HTML structure:
1. Each page must begin with the HTML tags <html> and end with <html>
2. <head> And </head> information used as the HTML document
3. <title> And </title> to display the title of the HTML document
4. <body> And </body> for the contents of the HTML document.
We note that <title> and </title> tags must be in <head>
Individual tags have an opening and closing