HTML & CSS
First HTML Code
Document Object Model
html
head body
Hello,
title
Everyone!!!!
Name
Headings
Lists: Ordered List
Lists: UnOrdered List and Ordered List
Images
Other attributes to <img>:
Width = “120”
Height = “200”
Linking
Image Maps
• Image map is an image with clickable area.
• <map>
• <area>
Create Image Map Areas:
rect
circle
poly
default
<picture>
Table
<table>
Form
You may Use <input> tag to create various form controls in HTML
Input is an inline tag and takes attributes such as:
• type
• name
• minlength
• maxlength
• placeholder
<form>
<form action="/submit" method="POST">
…
<form>
HTML Form Input Types
Other Input Types
type=“password”
type=“email”
type=“number”
type=“radio”
type=“checkbox”
type=“submit”
type=“button”
type=“file”
type=“color”
type=“search”
type=“url”
type=“date”
type=“datetime-local”
type=“textarea”
Multiple Select Box
Meta
Frameset
<video> <audio> and etc.….
<iframe width="420" height="345"
src="[Link]
</iframe>
Cascading Style Sheet (CSS)