HTML Basics - IT Department
Document Details
Uploaded by Deleted User
Zienab Mohy
Tags
Summary
This document is a set of notes on HTML basics. It explains keywords, tags, attributes, and elements.
Full Transcript
Department of: IT 3/4 Grade First semester :Semester IT :Branch Unit 1 :Unit Title of HTML basics :lesson Code of lesson Zienab Mohy Teacher...
Department of: IT 3/4 Grade First semester :Semester IT :Branch Unit 1 :Unit Title of HTML basics :lesson Code of lesson Zienab Mohy Teacher :name !< Hello> HTML Basics Objectives HTML Basics language Html: H: Hyper Keyword has a specific meaning T: text Hyp The key word can be er hybrid as a keyword and M: markup text link in the same time : L: Language Give a specific Mar description k up: Describe language Consists of keyword each one has a specific meaning it’s non sequential language Markup : Give each word a special description What I need to write HTML? What I need ? Notepad++, PHP storm, Ed Sublime, Visual studio…… ito (Different features) r: Fil (Extension):.html,.htm e: Co nt HTML5 en t Why index ? search by default for We bse index page and determine rver it as a main page : How can I name my page ? N can be any thing but it must express a about its content It preferred to not have any space m just (- or _) e : Index.html Title < tag attribute > Content < Tag > Self close tag Open close tag < HTML > < head > < body> < Information for the < content > web browser > < libraries > < Tag > Block Inline Bold Italic underline Take the whole Take a needed line space cross out All HTML elements can have attributes Attributes provide additional information about elements Attributes are always specified in the start tag Attributes usually come in name/value pairs like: name="value" < Attribute > Key/Value Boolean Key=value can put more than one value “ “, ‘ ‘, can be key removed in Html5 if the keyword doesn’t have any space / Title: the name of the Header: page How can hell o If you write any thing in body tag it will appear in the web page app Paragraph: it’s a ear ? To can give the block tag Why paragraph a specific style I use ? < List > Ordered list Unordered list Definition list < Ordered list > Type of sorting: Attribute : stat= “ “ (k/v) Attribute: reversed (key) < Unordered list > < Lab task> How can we do a definition list inside an Ordered list ? < Answer > Column Row Table head Table body Table foot A B C D 1 2 3 4 5 6 7 8 9 10