Уроки по HTML для новачків. Загальні понятня і введення в HTML. Частина 2.
my3uka — Нд, 08/29/2010 - 14:10
Елементи HTML
Сторінки Всесвітньої павутини відображаються за допомогою документів HTML, які є звичайними текстовими файлами, що містять спеціальні теги розмітки. Теги розмітки визначають елементи HTML, з яких складаються документи HTML.
Коротко про тегах
Теги HTML використовуються для виділення елементів HTML. Зазвичай теги HTML використовуються парами і укладені між двома символами кутових дужок <(початковий тег)> та </ (кінцевий тег)>. Текст між початковим і кінцевим тегами є вмістом елемента. Деякі теги не мають кінцевого, наприклад, тег примусового розриву рядків <br>, для таких тегів рекомендується використовувати наступне написання <br/>.
Регістр символів для відображення тегів не важливий, наприклад, <p>, та <P> означає одне й те саме. Проте в цьому курсі використовується нижній регістр для написання тегів. Це пов'язано з тим, що консорціум WWW (W3C), який займається стандартизацією специфікації HTML, рекомендує використовувати теги в нижньому регістрі, оскільки в наступному поколінні стандартів буде саме таку вимогу.
Коротко про елементи HTML
Розглянемо той же приклад документа HTML:
<html>
<head>
<title> Це заголовок сторінки </ title>
</ Head>
<body>
<h1> Hellow World! </ h1>
<p> Це моя перша сторінка HTML.
<b> Цей текст виводиться жирним шрифтом. </ b> </ p>
</ Body>
</ Html>
Приклад виконання даного HTML-коду
Елементом HTML є:
<h1> Hellow World! </ h1>
Цей елемент починається з тега <h1>, має вміст "Здрастуйте!" і закінчується тегом </ h1>.
Також елементом HTML є:
<p> Це моя перша сторінка HTML.
<b> Цей текст виводиться жирним шрифтом. </ b> </ p>
Цей елемент, починається з початкового тега <p>, закінчується кінцевим тегом </ p> і означає, що вміст елемента "Це моя перша сторінка HTML. <b> Цей текст виводиться жирним шрифтом. </ B>" є окремим пунктом. При цьому всередині цього елементу знаходиться інший елемент:
<b> Цей текст виводиться жирним шрифтом. </ b>
Цей елемент HTML починається з початкового тега: <b> Вмістом елемента HTML є: Цей текст виводиться жирним шрифтом. Цей елемент HTML закінчується кінцевим тегом . Призначення тега полягає у визначенні елемента HTML, який буде подаватись жирним шрифтом.
Всі описані елементи HTML містяться в елементі:
<body>
<h1> Здравствуйте! </ h1>
<p> Це моя перша сторінка HTML.
<b> Цей текст виводиться жирним шрифтом. </ b> </ p>
</ Body>
Цей елемент HTML починається з початкового тега <body>, і закінчується кінцевим тегом </ body>. Призначення тега <body> полягає у визначенні елемента HTML, який містить основну частину (або тіло) документа HTML.
Атрибути тегів
Теги можуть мати атрибути, які надають додаткову інформацію про елементи HTML. Атрибути завжди використовуються у вигляді пари "ім'я / значення". Загальний формат завдання атрибутів має вигляд:
<Імя_тега імя_атрібута = "значення">
Наприклад, тег:
<body bgcolor="red">
означає, що колір фону сторінки має бути червоним.
А тег:
<p align="center">
означає, що пункт необхідно вирівняти по центру сторінки відображення браузера.
Атрибути завжди поміщаються в початковому тегу елемента HTML. Значення атрибутів завжди корисно брати в лапки. Найбільш широко використовуються подвійні лапки, але поодинокі лапки також допустимі.
У деяких рідкісних ситуаціях, коли, наприклад, значення атрибуту саме містить лапки, необхідно використовувати одиночні лапки:
<html>
<body>
<Abbr title = 'проект "HTML "- gurucms.com.ua '> GuruCMS - створи свій сайт</ abbr<
</ Body>
</ Html>
Приклад виконання даного HTML-коду
Крім атрибутів, які записуються вищеописаним способом, для деяких елементів визначені спеціальні прапори, які просто вказуються як <тег імя_флага>.
<html>
<body>
<p> Спробуйте виправити текст у цих полях введення </ p>
<form action="index.php" method="GET">
<Input type = "text" name = "blocked"
value = "Приклад поля введення, у якого вказаний прапор readonly"
readonly size = "100"> <br/> <br/>
<Input type = "text" name = "unblocked"
value = "Звичайне поле введення у якого немає прапорів"
size = "100">
</ Form>
</ Body>
</ Html>
Приклад виконання даного HTML-коду
Trackback URL для цього допису
- блоґ my3uka
- 1416 переглядів
ввідення=введення, чувак ти
wildt (гість) — Вт, 11/30/2010 - 00:04ввідення=введення, чувак ти хоть сам свої пости читаєш?
І убери дибільну капчу
інколи чуваче читаю, але
my3uka — Вт, 11/30/2010 - 13:35інколи чуваче читаю, але людям властиво помилятись, дибільну капчу не уберу
Новий Веб-майтер
CFL lighting
CFL lighting (гість) — Пн, 12/12/2011 - 12:01CFL lighting energy save lamp spiral lamp outdoor flood lights decorative lamps U bulb lotus light GU10 lamp MR11 LED g bulb gu base u shaped bulbs LED tubes light LED down light LED spot light LED cabinet lights LED spot lamps LEDs light bulbs LED cups Lamp cup LED wall lamp LED step light LED underwater light LED landscape light Energy saving lamps Energy savings light bulbs Energy save light stand up bag zipper bags sealed bags wholesale garment bag socks bag Medical packaging dog food bags electronics packaging coffee bags Underwear bags creative packaging Chemical bags Food packaging bags Buy tea bags mattress springs mattress fabric mattress tape mattress thread knitted fabrics spring Mattress Spring Clips Mattress protector Nonwoven Fabric Printed fabric Mattress Fabric optical filters laser filters beam splitters sapphire windows penta prism optical lense fused silica GP car GS boat EP boat GP boat EPE foam sheet extrusion
line
PS foam box making
machine
EPE foam net extruder
PE foam pipe extruder
EPE foam rod extrusion line
XPS foam board extrusion
line
XPE foam sheet production
line
EPS machinery
Coating Machine
Recycle machine
cheap nhl jerseys
discount mlb jerseys
wholesale mlb jerseys
customized nfl
jerseys
nhl custom jerseys
replica mlb jerseys
cheap mlb jerseys
Cooler bags wholesale
Drawstring Bags
Cooler Bags
sports backpack
Buy Tote Bags
Folding Bags
marble suppliers
buy marble
granite suppliers
china stones
best granite
Marble Stone
marble suppliers
marble manufacturers
granite stone
granite marble
heat transfer press
machine
flower plates
photo crystals
Sublimation Products
Sublimation textile
photo crystals
button making machine
plush animal toys
bird toys
buy dog toys
plush toys manufacturer
cartoon toys
bear plush toys
pet bird toys
pet cat toys
best cat toys
wholesale cat toys
Pet Toys
Easter toys
plush dog toys
dog toys
LED Flexible
LED Light Strip
LED Tunnel light
LED Panel Light
LED Wall Washer
LED T5 Tube
LED T8 Tube
led tubes
LED spot light
aluminium profile
aluminium profiles
Anodized Aluminium Profile
aluminum solar panel frame
Standard aluminium profile
aluminium Powder Coating
Standard aluminium profile
Sliding Aluminium Windows
Solar Mounting System
aluminium doors windows
Sliding Aluminium Doors
Aluminium Doors & Windows
stainless steel tubes pipes
Aluminium Curtain Wall
蒸煮
炭火焼き
唐揚げ
鶏の唐揚げ
唐揚げ定食
豚肉 野菜
野菜加工品
おいしい鶏肉
冷凍 鶏肉
豚肉 加工
おいしい豚肉
vacuum circuit breaker
porcelain insulator
cable joint
composite insulator
ceramic insulator
porcelain
insulators
High voltage products
insulator connector
epoxy insulator
Sodium alginate
Sugar Alcohol
Seaweed Fertilizer
Alginate Mask
sorbitol liquid
sorbitol powder
alginic acid
Propylene Glycol Alginate
potassium alginate
seaweed fertilizer liquid
seaweed fertilizer suppliers
army shoes
labor protection shoes
Whitening gel syringe
swivel usb
Buy slimming capsules
Sodium Nitrite
slimming coffee
teeth whitening gel
cooler box
ice cooler box
small cooler box
portable cooler box
trolley cooler box
beer cooler box
cooler bag
picnic bag
picnic basket
picnic baskets for sale
picnic cooler bag
small cooler bags
Cooler bag manufacturer
Masonic rings
925 silver ring
stainless steel jewelry
titanium jewelry
tungsten rings
signet ring
cross pendants
CZ jewelry
Christian jewelry
dog tag pendant
titanium mens rings
silver jewelry supplier
custom class ring
designer cuff links
silver jewelry supplier
Алюминиевые окна и двери
Производство алюминия
Алюминиевый кузов
Алюминиевый радиатор
производители алюминиевого п
рофиля
алюминиевые окна
Алюминиевые окна и двери
алюминиевый контейнер
алюминиевые окна
производство алюминиевого пр
офиля
производство алюминиевых око
н
Globe Valve
Butterfly Valve
Plug Valves
Steel Valve
Forged Steel Valve
stainless steel ball valve
high pressure ball valve
3 way ball valve
Cast Steel Ball Valve
Trunnion Ball Valve
cast steel gate valve
stainless steel check valve
cast steel check valve
Ball Valve
Gate Valve
Check Valve
ball check valve
ball valve manufacturer
gate valve manufacturers
Forged Steel Gate Valves
Forged
Steel Check Valves
Pneumatic Actuator
banner flex machine
Butterfly Valves
Ball Valves
forged Steel valve supplier
cast iron gate valve
Offset Butterfly Valve
Globe Valves
control valve
control valve supplier
safty valve
safety valve manufacturer
Plastic Machinery
pvc banner flex machine
plastic sheet line
Bead Wrapping Machine
tearing machine
pvc profile
machine
complex machine
banner flex line
PET bottle washing
line
pvc pipe machine
banner flex machine
wholesale serving trays
white melamine plates
melamine bowl set
melamine serving trays
food serving trays
melamine dinner set
funky kitchen ware
melamine cup
white melamine bowls
melamine bowls with lids
melamine plates
melamine bowl
melamine tray
China Torches
bamboo torches
Pot Packing Candle
Bamboo Torch
total bamboo torch
bamboo garden gazebo
wooden barrels
chinese tea bags
wholesale tea bags
blooming tea
jasmine flower tea
chinese white tea
white tea supplier
white tea exporter
gucci outlet
gucci outlet (гість) — Вт, 12/20/2011 - 12:15jingruitwc
Dispatch of Netease science and technology on December 8 message, according to Reuter report, message personage discloses, the group is seeking Alibaba financing of debt of 4 billion dollar, plan to help the group in A counter-purchase Yahoo place to gucci outlet hold share through this financing.
Message personage says, investment bank Rothschild will take up the post of Alibaba group debt financing is advisory, already issued sale document to the bank, of concerned debt year period anticipate come high 3 years. gucci outlet store
Up to now, group and Rothschild all reject Alibaba to be judged to afore-mentioned message buy. louis vuitton outlet
The message yesterday shows, the group already combined Alibaba soft silver, xiang Yahu is referred want to gucci handbags outlet make an appointment with, the requirement counter-purchases the Asian asset of Yahoo hold, among them Alibaba hopes to be worth redemptive Yahoo place in order to be less than the appraise of 13 billion dollar to hold share. (The horse if)
Relevant report:
The discounted gucci bags Libaba that pass A desire 13 billion dollar counter-purchases Yahoo place to hold share
[each just react]
Alibaba pulls the to Yahoo 25 billion original gucci bags dollar since the hair to be bought
Plan of the lake that pass silver buys a few Yahoo shares with every 16.6 dollars
The message says THL of illicit collect fund is leather gucci bags about to buy business of Yahoo United States
AOL presiding apparitor reiterates not to plan to buy Yahoo
Microsoft and Yahoo sign confidential agreement to be about to buy Yahoo jointly with illicit collect
gucci bags outlet style="LINE-HEIGHT: 23px; TEXT-INDENT: 2em; FONT-SIZE: 14px">[Yahoo is dynamic]
Yahoo partner appeals to a board of directors not designer gucci bags act says contest buys regular block up to buy
Net scene author or Ren Yahu president obtain Yang Zhiyuan to approbate
Yahoo is shown in Singapore by tort gucci bags 2012 lawsuit do sth without authorization reprints article signing up for course of study
Analyse Yahoo or will start patent litigation war to Facebook
Yahoo gucci outlet large stockholder appeals associated author Yang Zhiyuan exits a board of directors
[comment]
In A need not overall buys Yahoo
Abroad of the Supreme Being sells: Yahoo who will win
(Article origin: Report of Netease science and technology)Borse Designer,Gucci Sito
Coffee1989 (гість) — Чт, 01/05/2012 - 07:05Borse Designer,Gucci Sito Ufficiale conosciuto per essere il miglior amico delle femmine,sono un'estensione della personalità di una donna,che danno la sua classe,eleganza e senso dello stile.Tutte le serie di Gucci Borse da donna sono leggeri,durevoli e unico per colore,forma e stile!Grande abbastanza da contenere tutti gli elementi essenziali,ma abbastanza piccolo per dare glamour a ogni occasione Gucci Borse 2012 - che si tratti di giorno o di sera Sia che preferiate elegante o casual,si può avere lo stile e la scelta dei colori nel nostro sito Borsa Gucci web per creare il proprio look,in qualsiasi occasione.
Una delle poche aziende
Coffee1989 (гість) — Чт, 01/05/2012 - 07:07Una delle poche aziende abbigliamento di lusso,Moncler Outlet ha incorporato di alta moda con la funzionalità completa,offrendo una linea completa di tendenze del design e stili differenti.Outlet Moncler giacca Branson è destinato ad attrarre verso di sé stesso in quanto offre l'abbigliamento migliore Moncler 2012 inverno e fa in modo che si cammina in grande stile in tutto il inverni.Essere alla moda anche nelle peggiori condizioni climatiche non è un Piumini Moncler problema se si possiede un giubbotto Moncler.
Louboutin Pas Cher a un
Coffee1989 (гість) — Чт, 01/05/2012 - 07:08Louboutin Pas Cher a un penchant pour le Moyen-Orient et a une maison de vacances en Egypte, sur le Nil à Louxor.
Comment avez- Louboutin Chaussures obtenir de gawping au danseurs de montage de ses créations sur les beautés classe tels que la princesse Caroline de Monaco, Catherine Deneuve et la reine Rania de Jordanie? Ce qui rend les chaussures de Christian Louboutin Chaussures se démarquer, outre leur qualité exquise, artisanat d'art, sexy talons hauts et des dessins originaux, est la brillante vernis à ongles semelle rouge.Christian Louboutin Paris sont élégantes, de style ainsi que un seul de ce genre. à peu près tous dame aime à posséder ces types de Christian Louboutin Pas Cher chaussures.
Great post! Nice and
mlb jerseys (гість) — Пт, 01/06/2012 - 07:28Great post! Nice and informative, I really enjoyed reading it and will certainly share this post with my friends .
nfl clothing
cheap nfl apparel
Canada Goose Coats
may account from this
mlb jerseys (гість) — Пт, 01/06/2012 - 14:59may account from this apparatus as able-bodied abnormally if you can accomplish able use of its able adeptness in defining the accord amid two variables.
discount nfl jerseys，
and even the player's number,
The security (гість) — Вт, 01/17/2012 - 10:01and even the player's number, only the authentic the
Canada Goose have the official NFL logo sewn into it,First, while both Canada Geese may have the team's name, the player's
number,.
kathy
jacket (гість) — Ср, 01/18/2012 - 05:22Snowboard coats Mens oxford ski jacket Design winter jacket Ladys sports ski jacket Outdoor jacket Softshell jacket fleece jacket for men New style fleece vest 3 in 1 warm jacket Fashion taslon coat Lightweight windbreaker Womens windbreaker Hooded down jacket Babys cloth Ski pants Underwear body pant Kids PU raincoat Mens PU raincoat Rainwear for men
Recycling bin Garbage
Мандрівник (гість) — Пт, 01/20/2012 - 13:46Recycling bin Garbage bin Rubbish bin Trash bin Waste bins Garbage containers Pedal bins Trash receptacle Recycle garbage can Recycle waste bin Recycle trash can Waste receptacle Dust bins Outdoor receptacle Steel trash bin Outdoor receptacle Litter bin advertising Ad recycle bin Advertising bins Bin advertising
Recycling bin Garbage
Мандрівник (гість) — Пт, 01/20/2012 - 14:13Recycling bin Garbage bin Rubbish bin Trash bin Waste bins Garbage containers Pedal bins Trash receptacle Recycle garbage can Recycle waste bin Recycle trash can Waste receptacle Dust bins Outdoor receptacle Steel trash bin Outdoor receptacle Litter bin advertising Ad recycle bin Advertising bins Bin advertising
Canada Goose Parka
Мандрівник (гість) — Сб, 02/04/2012 - 07:52Canada Goose Coats is the top luxury and fashion brand in the world which mainly specializes in producing the fashionable and luxurious clothing.Canada Goose Parka Jacket is made of special leather,and on the front there are two chest flap pockets and two hip flap pockets with press studs fastenings.The general style and design of novel manner models,have practical capability in know-how and fashion.The Canada Goose Outlet jacket will make you more charming and chic,and also,it is the most suitable for you in some important occasions.We have other series of Canada Goose for sale. You can come and order right now.
canon ink cartridge
buy ink cartridge (гість) — Нд, 02/05/2012 - 11:04canon ink cartridge http://www.rhinks.com/product_cat_list/Canon-c9680.html
canon inks http://www.rhinks.com/product_cat_list/Canon-c9680.html
ink cartridges for printers http://www.rhinks.com/product_cat_list/Canon-c9680.html
canon printer ink cartridges http://www.rhinks.com/product_cat_list/Canon-c9680.html
ink box http://www.rhinks.com/product_cat_list/HP-c9722.html
compatible ink cartridge http://www.rhinks.com/product_cat_list/HP-c9722.html
laser printer cartridges http://www.rhinks.com/product_cat_list/HP-c9722.html
recycled ink cartridge http://www.rhinks.com/product_cat_list/HP-c9722.html
recycled ink cartridge http://www.rhinks.com/product_cat_list/Lexmark-c9726.html
recycled ink cartridge http://www.rhinks.com/product_cat_list/Lexmark-c9726.html
Додати новий коментар