HTML Glosář značek. HTML–creating signs {hypertext markup language} document headding dokument title dokument body inserting metainformation.

Slides:



Advertisements
Similar presentations
Common Tags Always include the … tags Comments placed inside tags HTML documents –HEAD section Info about the document Info in header not generally rendered.
Advertisements

Use Tables for Layout Control Day 7. You will learn to: Understand Tables Create a Simple Table Modify Your Tables Appearance Create Page Layouts with.
Chapter 3 – Web Design Tables & Page Layout
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Presenter: James Huang Date: Sept. 26,  Introduction  Basics  Lists  Links  Forms  CSS 2.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
Session 6: HTML 2 - Content Design J0394 – Perancangan Situs Web Program Studi Manajemen Universitas Bina Nusantara.
HTML – HyperText Markup Language. What is HTML ? the publishing language of the World Wide Web WWW – is a system of interlinked hypertext documents accessed.
HTML and XHTML Controlling the Display Of Web Content.
Web-based Application Development Lecture 9 February 7, 2006 Anita Raja.
XHTML1 Tables and Lists. XHTML2 Objectives In this chapter, you will: Create basic tables Structure tables Format tables Create lists.
Designing for Use CS 105. Building Blocks of the Web HTML –The language of the web. Every web developer should have a basic understanding of it. XHTML.
Introduction to HTML II Shih-Heng Chin. Preface Structure of a HTML File Elements used frequently Tables.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Table, Forms, Metatags and Frames.
Session 2 Tables and forms in HTML Adapted by Sophie Peter from original document by Charlie Foulkes.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
Chapter 6 Working with Frames.
Softsmith Infotech HTML. Softsmith Infotech HTML Introduction Creation Tags Text List Image Background Link Table Frames Forms.
XHTML1 Topics Work with the Frameset Document Type Definition (DTD) Create frames Use the target and base attributes Create nested frames Format frames.
HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.
HTML Tables and Forms Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
HTML Essentials Tables and Table Tags. Overview Use of Tables goes beyond tabulating data Frequently used to format Web pages / control layout Especially.
XHTML1 Tables N100 Creating a Simple Web Page. XHTML2 Creating Basic Tables Tables are collections of rows and columns that you use to organize and display.
CS105 Introduction to Computer Concepts HTML
HTML 4.0 History and Application By: Marc Mayzes.
225 City Avenue, Suite 106 Bala Cynwyd, PA , phone , fax presents… HTML Lists, Tables and Forms v2.0.
Tables and Forms HTML5 Tables and Forms. Table Overview table element ( ) Attributes: align (left, right, center), bgcolor, border, cellpadding, cellspacing,
Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
HTML. Basic HTML HTML document – HTML headings – to HTML paragraphs – HTML links – HTML images –
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
1 HTML محمد احمدی نیا 2 Of 43 What is HTML?  HTML stands for Hyper Text Markup Language  HTML is not a programming language, it.
>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.
CP476 Internet Computing Lecture 7 HTML 1 What is HTML? HyperText Markup Language (HTML) is an application of Standard Generalized Markup Language (SGML)
Frame Page A Frame Page does the following: –Defines the size of each frame. –Defines how the window will be broken up – rows or columns. –Specifies which.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
Designing a Web Page with Tables. A text table: contains only text, evenly spaced on the Web page in rows and columns uses only standard word processing.
Chapter 2 XHTML: Part II The Web Warrior Guide to Web Design Technologies.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
XHTML 1.1  Derived from Standard Generalized Markup Language (SGML) of ISO  XHTML concerned primary with content rather than presentation and style 
XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
CP102 Module 7: HTML 1 Module 7: HTML 1.What is 1.What is HTML? 2. 2.Basic syntax, document structure 3. 3.Basic formatting, images, links 4. 4.Lists,
CIS234A Lecture 8 Instructor Greg D’Andrea. Review Text Table contains only text, evenly spaced on the Web page in rows and columns uses only standard.
Lecture 6 More Advanced HTML Boriana Koleva Room: C54
HTML(Hyper Text Markup Language) ByNaveen. Introduction HTML or Hyper Text Markup Language is the standard markup language Its used to create the web.
CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.
HTML Forms.
HTML Assoc. Prof. Rozinah Jamaludin 28 January 2010.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.
20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
©SoftMoore ConsultingSlide 1 Introduction to HTML: Block-Level Elements.
Web Development Basics Lecture 2 – More HTML. Content  More text formatting  Map  Table  Frame  Form.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
HTML for web designing short course. What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file must have an htm or html file extension.
HTML AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.
XHTML Introductory1 Frames Chapter 5. XHTML Introductory2 Objectives In this chapter, you will: Work with the Frameset Document Type Definition (DTD)
>> HTML: Tables.
The Web Warrior Guide to Web Design Technologies
Chapter 5 Introduction to XHTML: Part 2
HTML Tables & Frames Internet Technology.
The Internet 10/27/11 XHTML Forms
HTML Tables & Frames Internet Technology.
Presentation transcript:

HTML Glosář značek

HTML–creating signs {hypertext markup language} document headding dokument title dokument body inserting metainformation

Principal shape of dokument Name of dokument Dokument body

Dokument body BACKGROUND picture behind BGCOLOR color behind TEXT color of normal text LINK color of reference text VLINK color of viewed text ALINK color of active reference [ #rrggbb | name]

Metainformation HTTP-EQUIV additional information in head line NAME name CONTENT content comments

Page creating signs {paragraph}paragraph {line break}brake row {horizontal rule}horizontal rule - {heading}heading {anchor}odkaz

Formát odstavce align [right | center | justify] cleaning around [all | left | right] centering previously formated text contejner for objects tab spacing

Horizontal ruler SIZE thickness WIDTH width on the screen ALIGN align NOSHADE depress shadowing COLOR color

Reference HREF reference on documents NAME creating of document’s parts TITLE helping text ACCESSKEY access key

Formátování Fyzické  Logické direct correction of font SIZE font size [ 1–7] COLOR color [ #rrggbb | name] FACE font cut assignement of character set

Physical formating {bold}bold {italic}italic {underline}underline {superscript}superscript {subscript}subscript {teletype}teletype

Logické formátování {emphasized} highliting strong highliting code example keyboard access

Lists {unordered list} {ordered list} {list item} {definition list} {definition term} {def. description}

Example of list first item second item first included item second included item První položka Druhá položka 1.První vnořená položka 2.Druhá vnořená položka

Atributs of lists TYPE shape [circle, disc, square] TYPE shape [1 | I | i | A | a] START numbered from VALUE numbered from this sign

Pictures SRC picture URL ALIGN assigned [left | middle | baseline |...] ALT information for text clients BORDER frame of picture with reference LOWSRC picture view WIDTH, HEIGHT dimensions in pixels VSPACE, HSPACE space around picture

Pictures with handle indication of the picture with handle areas declaration area definition SHAPE [rect | circle | polygon] COORDS coordinates HREF reference NOHREF there is no reference in the area ALT help tex

Example of picture with handle

Tables table {table row}row {table heading}heading area {table data}data area

Example of table first row, first column /TD> first row, second column second row, first column second row, second column 1. řádek, 1. sloupec1. řádek, 2. sloupec 2. řádek, 1. sloupec2. řádek, 2. sloupec

Table formating BORDER side of table CELLSPACING size of spaces between cells CELLPADDING distance from margin WIDTH šířka

Table attributes,,, ALIGN horizontal [center | right] VALIGN vertical [top | bottom | middle] BGCOLOR color behind, COLSPAN merging columns ROWSPAN merging rows

Rámy frames declaration ROWS dividing of window into rows COLS [* | 200 | 20% | 3*] definition of frames SRC source document of frame NAME name of frame frame resistent clients

Example of document with frames Document for clients resisted to frames

Úpravy rámů FRAMEBORDER frame border[yes | no | 0] SCROLLING enable, cancel scrolling [yes | no | auto] NORESIZE cancel change of size MARGINHEIGHT MARGINWIDTH

References to frames target frame [jméno | _blank | _self | _parent | _top] base for reference TARGET principal frame for reference HREF base for reference to document

Forms form entry field entry text area menu

Form ACTION what to do with data of form METHOD how to handle data [get | post] ENCTYPE what kind of available data TARGET target window

Example of form Name: Message: Pages with: I like I dislike

Entries to forms TEXT, PASSWORD simple hidden text CHECKBOX field for ticking RADIO switch HIDDEN hidden element FILE sending of whole file SUBMIT button for sending RESET clear button

Attributes of entered data NAME name VALUE value SIZE size of entry field MAXLENGTH maximal length of entry CHECKED indicator of selection DISABLED element not available for selection READONLY element is not possible to change

Entry text area ROWS, COLS number of rows, columns WRAP end of row [off | soft | hard] Text displayed in entry field

Menu NAME name of item SIZE size of menu MULTIPLE possibility to highlite (select) more items item of menu SELECTED selected item VALUE text sent by form

Styles P { margin-bottom: 0; }

Example of styles P { text-align: justify; } A { text-decoration: none; } A:hover { color: Red; }.citat,.adresa { font-size: 10pt; font-family: Verdana, sans-serif; font-style: italic; }.male TD { font-size: 80%; }

Conclusion Literatura Stránky v HTML na WWW World wide web consortium ( HTML Reference Library (HomeSite) Further details dynamic elements (JavaScript, PHP, databáze) modern styles (styly, XHTML)