Уроки по HTML для новачків. Загальні поннятня і ввідення в HTML
my3uka — Нд, 08/29/2010 - 12:47
Коротко про HTML
HTML (Hyper Text Markup Language) означає мову розмітки гіпертексту. Ця мова була розроблений Тімом Бернерс-лі в рамках створення проекту розподіленої гіпертекстової системи, яку він назвав World Wide Web (WWW) або Всесвітня павутина. HTML призначений для написання гіпертекстових документів, що публікуються в World Wide Web. Документ на мові HTML може включати наступні компоненти:
- стилізований і форматований текст,
- команди включення графічних і звукових файлів,
- гіперзв'язки з різними ресурсами Internet.
- скрипти на мові JavaScript і VBScript.
- різні об'єкти, наприклад Flash-анімацію
Документи HTML є звичайними текстовими файлами, що містять спеціальні теги (або керуючі елементи) розмітки. Теги розмітки вказують браузеру Web (програмі користувача для відображення web-сторінок, наприклад, Internet Explorer, Mozilla, Chrome, Netscape або Opera), як треба вивести сторінку.
Файли HTML зазвичай мають розширення htm або html. Їх можна створювати за допомогою будь-якого текстового редактора, навіть у звичайному блокноті.
Мова HTML є підмножиною потужного мови SGML (Standard Generalized Markup Language), який широко використовується у видавничій діяльності. Основний виграш від використання цих мов полягає в переносимості тексту між різними видавничими системами. Ця ж особливість зберігається і в HTML. Так, читаючи документ, користувачі можуть визначати терміни виділення тексту, гарнітуру і розмір шрифтів по своєму смаку; вони можуть скасувати перегляд малюнків.
У документі HTML можна виділити два основних блоки: головна частина і тіло документа. Вміст головної частини не виводиться на екран користувача, за винятком заголовка, в ній, як правило, вказують ключові слова, авторів та іншу службову інформацію, а також підключають зовнішні таблиці стилів та скрипти. У тілі документа розміщують ту інформацію, яка буде виведена користувачеві.
Ось приклад дуже простенького сайта.
У різних операційних системах є різні редактори, які можна використовувати для створення документів HTML. Якщо ви використовуєте:
Microsoft Windows запустіть редактор Notepad;
Mac OS запустіть редактор SimpleText;
OSX запустіть редактор TextEdit (обов'язково поміняйте налаштування "Rich Text" або "Розширений текст" на "Plain text" або "Простий текст" і відзначте пункт "Ignore rich text commands in HTML files" або "Ігнорувати команди розширеного текстового формату в файлах HTML" ).
Файли HTML можна створювати і в редакторі Microsoft Word, в якому є можливість зберегти документ як Web-сторінку (в меню "Файл"), проте використовувати цю можливість не рекомендується. По-перше, тому що HTML-код, що генерується MS Word не оптимальний і містить безліч непотрібних елементів розмітки, і, по-друге, автоматична генерація коду не буде сприяти вивченню та правильного розуміння HTML.
Є також велика кількість спеціалізованих редакторів для створення файлів HTML, таких як FrontPage, Macromedia Dreamweaver або Adobe Web Bundle, які володіють можливістю WYSIWYG (What You See Is What You Get - що бачиш, те й отримаєш). З їх допомогою можна легко створювати документи HTML, за допомогою кнопок і елементів меню, а не писати самому теги розмітки. Однак, як вже зазначалося вище, тим, хто хоче стати технічно грамотним розробником Web, настійно рекомендується використовувати простий текстовий редактор для початкового вивчення HTML. Про веб редактори мо поговоримо дещо пізніше.
Скопіюйте наступний текст і вставте його в звичайний блокнот:
< html>
<head>
<title> Це заголовок сторінки </ title>
</head>
<body>
<h1> Привіт! </ h1>
<p< Це моя перша сторінка HTML. <b> Цей текст виводиться жирним шрифтом. </ bgt; </ p>
</ Body>
</ Html>
Приклад виконання даного HTML-коду
Збережіть файл як "page1.htm".
При збереженні файлу HTML можна використовувати розширення. Htm або. Html. Розширення Htm було ухвалене для старих версій операційних систем, які допускали трибуквені розширення для файлів. В даний час практично всі операційні системи не мають такого обмеження і можна використовувати розширення Html.
Тепер подивіться, як браузер відобразить вашу першу сторінку. Запустіть браузер. Виберіть "Open" або "Open Page" ("Відкрити" або "Відкрити сторінку") у меню File (Файл) браузера. З'явиться діалогове вікно. Виберіть "Browse" або "Choose File" ("Перегляд" або "Вибрати файл") і знайдіть щойно створений файл HTML - "page1.htm" - виберіть його і клацніть на кнопці "Open" ("Відкрити"). У діалоговому вікні повинен з'явитися адреса, наприклад "C: \ MyDocuments \ page1.htm". Клацніть на кнопці ОК, і браузер виведе на екран вашу сторінку.
А тепер розглянемо з яких складових складається даний документ.
Ваш перший HTML-документ починається з тега <html>, який повідомляє браузеру про початок документа HTML і закінчується тегом </ html>, який інформує браузер про досягнення кінця документа HTML.
Текст між тегами <head> і </ head> є інформацією заголовка документа. Ця інформація не виводиться у вікні браузера.
Текст "Це заголовок сторінки" між тегами >title< і >/ title< є заголовком документа. Цей заголовок виводиться в рядку заголовка вікна браузера.
Текст між тегами <body> і < body> є текстом, який буде виведений у вікні браузера. Текст "Привіт!" між тегами <h1> і </ h1> буде відображений стилем заголовка, зазвичай жирним шрифтом більшого розміру.
Тег <p> означає, що починається новий параграф, тег </ p> означає кінець параграфа.
Текст "Цей текст виводиться жирним шрифтом." між тегами <b> і </ b> буде виведений жирним шрифтом.
Щоб вас не так сильно не лякати можу запевнити мова розмітки хтмл дуже нагадує Microsoft Word. Щоб зробити так жирним, косим, чи підчеркнутим, намалювати таблицю і т.д. ви використовуєте спеціальні кнопки з панелі, у веб-програмування точно так само, про це поговоримо згодом.
Trackback URL для цього допису
- блоґ my3uka
- 1125 переглядів
CFL lighting
CFL lighting (гість) — Пн, 12/12/2011 - 12:19CFL 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:18jingruitwc
Dispatch of Netease science and technology on December 8 message, be aimed at industry cause a temporary clamor " electric business winter is talked " , should express now when net CEO Li Guoqing, electric business bubble won't be cracked in 3 years of implode, gucci outlet look from the angle of consumer, course of study of electric trading company remains spring.
Taste in Fan Kecheng, after the defer of IPO of shake handshandle net, bi Sheng of the happy CEO that clean out a net gucci outlet store is given out again " electronic business affairs is a fraud " , " the travel that enter a fault " utter sad calls. More trade public figures' pessimistic prophecy, take high sale cost and more and more intense price war gucci handbags outlet ceaselessly, will make more B2C close down.
Should encounter to electric business when net CEO Li Guoqing cold winter says to appear helpless likewise: "Investor and electric business hope to rely on dash get victory, gucci bags outlet burn money so. And electric business essence is energy accurate sale, should be low fare development. So, after entering a winter, the way that the enterprise seeks low cost sale is a principal proposition. The way that designer gucci bags the enterprise seeks low cost sale is a principal proposition..
Li Guoqing thinks, the external cause that causes collective of electric business website to enter a winter has a few sides: The first, cost of the agency on the net rises too fiercely, cause electric business company to do gucci bags 2012 large-scale look to investor, burn money in succession, break advertisement, cause large area loss; The 2nd, business of a lot of cable is holding gambler state of mind in the arms, seek short-term dimensions growth, profit and discounted gucci bags loss cannot be balanced completely, take youth to bet tomorrow.
Look in Li Guoqing, electric business enters winter and price competition to do not have inevitable connection, platform of large cable business relies on large-scale replenish onr's stock to reduce purchase cost, invite benefit original gucci bags customer, can bring fast growth, but the key is to making price war while, whether keep balance or gain. "Retail trade is wool interest rate is very low forever, save each minutes of money to improve the client's service, this is us forever concept, it is the state of mind that does a business leather gucci bags for a long time. Pass the service that improves a client ceaselessly only, regard the client as green hill tarry, electric business company just has future. Electric business company just has future..
Nevertheless, li Guoqing does not think electric business bubble can resemble a lot of louis vuitton outlet people imagining it is in that way inside 3 years with respect to burst. Actually, the cold winter with capital market is contrary, look from consumer market, several with the client of ten million plan still holds money to wait for buy, the client expects to have the class with richer more, so, li Guoqing thinks, from consumer here in light of, course of study of electric trading company remains spring.
"Electronic business affairs will be fight for a long time, electric business company should have made gucci outlet the preparation of 8 years of war of resistance against aggression, to moment, " Li Guoqing says.
Look in Li Guoqing, when the marrow when wire mould type, the first start work early, the 2nd it is to be changed subtly run, operation management, cost is absolutely and banner, the 3rd it is biennially those who realize a category is absolutely and banner. "Just about with marrow of this one mode, should be in when the net the ability before appearing on the market passes bubble age smoothly two rounds, still maintaining fast growth in winter of today's electronic business affairs " .
(Article origin: Netease science and technology reports an author: Article method)Borse Designer,Gucci Sito
Coffee1989 (гість) — Чт, 01/05/2012 - 07:06Borse 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.
you Dalls Cowboys are able to
The security (гість) — Вт, 01/17/2012 - 10:02you Dalls Cowboys are able to e mail towards the web
sites that will furthermore analyze their own customer services,For anyone 2011 pro bowl jerseys more details you've always discount nfl jerseys wondered concerning the products New England Patriots jersey just like wholesale jerseys.
nfl 2012 pro bowl jerseys
kathy
jacket (гість) — Ср, 01/18/2012 - 05:37Snowboard 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
Trash receptacle
Мандрівник (гість) — Пт, 01/20/2012 - 16:06Recycling 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
ink box compatible ink
cheap ink cartridges (гість) — Нд, 02/05/2012 - 10:57ink box compatible ink cartridge laser printer cartridges recycled ink cartridge canon inks ink cartridges for printers canon printer ink cartridges ink cartridge supplies recycled ink cartridge buy ink cartridges remanufactured ink cartridges remanufactured ink cartridges review brother printer cartridges remanufactured ink cartridges cheap printer inks compatible ink cartridge canon inks canon printer ink cartridges canon printer ink cartridges canon inks remanufactured ink cartridges
Додати новий коментар