Scribd
Upload
12 views3 pages

Web Authoring

The document provides an overview of various HTML tags for formatting text, creating tables, adding images and links, and setting page metadata. It covers tags for headings, bold, italics, paragraphs, line breaks, and more. It also discusses table structure and styling, image embedding, hyperlinks, lists, and character encoding.

Uploaded by

hsulabt2009
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
12 views3 pages

Web Authoring

The document provides an overview of various HTML tags for formatting text, creating tables, adding images and links, and setting page metadata. It covers tags for headings, bold, italics, paragraphs, line breaks, and more. It also discusses table structure and styling, image embedding, hyperlinks, lists, and character encoding.

Uploaded by

hsulabt2009
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<html>-->to open html format

<b>-->to bold text


<I>-->To put italic font
<em>->to emphasis a text
<strong>-->is used to identify text that is of greater importance than the
surronding text
<sub>--> is used to define the subscript text that appears half a character below
the line in a smaller font
<sup>--> is used to define the subscript the appear ontop a character in a smaller
font
<p>-- > tag that defines a paragraph
<br>--> tag that is used to insert a signle line break between sentences.
<u> --> to underline text

<thead>-->For the header of tables


<tbody>-->Body of table
<tfoot>-->Footer of table

7 types of headings--><h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<h7>

Table format for html: <table>


<captaion>--> for table title
<tr>---> for table row
<td>--> to input information into each inidivual tabel cell
<th> ---> to write data into a tabel cell as bold
<table border="">-->write number into brackets for the
thickness of border, if there isn't border insertet in the table, there will be no
border lines
<table border="" style="border-collapse: collapse;"> for
only a singular line instead of double
For no border collaspe/ double ---> border-collaspe:
seprate
<table width="__%"> to fill a certain perecntage of the page
with the table
<tr style="width: %"> to increase the width of cell by a
precentage of the price
Ex: 35% takes 1/3 of the browser, the size
will automatically shrink and increase with the screen size when written in
precentage
with
'px': the size of width will be the same whether you increase the web browser page
or not

style="height/width";---> attribure

no width in row, only height


column has width but not height
margin-left: auto (table moves to right)
margin-right: auto (table moves to left
put both margin-left and margin-right to auto: table will be in center
<!DOCTYPE html>
<table>
<caption>Title</caption
<tr><td>---</td></tr>
</table>

border-style :solid;
border-width: 5px;
border-width;
border-color; ----> To change color of border

<table style="background-color: ___"> ---> To change the background color of tabke

auto; border: solid px color

<img src="filename.jpg" alt="text" width="" height="">


Alter; "alt" used when you want to explain the image even what it isn't visibile

Number List/ Order List <ol> ---> Using 1,2,3


Unorder list <ul>---> Using bullets
By using, <ol start=""> you can start the order with the number in the brackets,
only works with numbers, not alpahbet

Types of ul styles---> <ul type="square">


<ul type="circle">
<ul type="disc">

<a href=" "> ---> To add link


<a href=" "> Write between to add label to link </a>

<target="_self">---> if you want to open a new website on the same tab


<target="_blank">---> if you want to open a new website on another tab

"__ points high" ---> Font size, with pt


/* __________ */ ---> comment in html\

A CSS stylesheet with a higher priority must be under the least priority

<hr> ---> tag used for a thermatic break in a html page


relative file path--->when creating a hyperlink reference to another file
<a href="next_page.html">

Absoulte file path ---> give the location on where the file is located. You won't
be able to see the file if you copy the file to another computer of location
Relative File path ---> Is able to open the html page even if the file's location
is moved

target="_blank"---> page will open in new widow


target="_self"---> Page will open in the current tab
---> is target's default

Need to put <base tagret="_blank"> in head section

If you want to make webpage with a different languange; you need to specify
character set with meta tag
meta tag needs to be used in head section
<meta content="width=device-width">--- to fit the webpage onto any device's width
Two types of charsect --->
Charsect ---> Help specifies the type of characters
Latin alphabet charasect ---> ISO-8859-1

meta tag name ---> attributed that specify the four others elements required
meta tage content--> attribute that is used with the name attribute
-->Contains the value assigned to the name
Define the author ---> to inculde the name of the author of the webpage
Keywords for a searchg engine---> Used by search engines to try and find websites
that match a user's search string
Viewport---> is the user's visible area of the web page
---> Using the setting can make all devices compatiable to view the webpage
<device-width initial scale

Activity 21B
Activity 21C

<td style="text-align: center;>$6560</td>

<td colspan= "1" > to merge the number of cloumns

<td style= "vertical-align:____;"> ---> to poistion the text in the table cell to
top, bottom and middle

HW: search and Write abt Stallite and Broadcast

HW: watch abt AR VR MR


HW: Task21k

You might also like