Html обясни: част 2
Първи стъпки Създаване на уеб страници с помощта на текстови файлове и HTML код! Тази статия е продължение на HTML обясни: част 1, което дава общ преглед на HTML. Ето, ние ще влязат в гнидав пясъчен на кода себе си. След като видите колко е лесно той наистина е, не ти трябва да тичам, разходка до най-близката книжарница и вземете своя собствена копие на един удобен за употреба HTML. Добре, нека да begin.In гледане на източника на уеб страници, може да сте забелязал много от тези неща: <>. Те се наричат HTML Tags, и те са това, което компютъра използва, за да интерпретира HTML code.NOTE: в тази статия, аз трябваше да добавите пространства на всички мои HTML тагове, така че мога да ги покажете , без всъщност да ги като работа. Има два HTML трикове, за да действително "изключи" HTML Tags, но никой от тях не функционират правилно в това твърдение box.The тагове HTML, показано тук, ще се покаже така: <FAKE TAG > Но в действителност сте трябваше да вид като тях така: Един приятел ми описва HTML тагове като "включване / изключване ключове." Един лесен пример, който може да сте добре запознати, е команда Bold. За да се "включи" Bold, тип <Б> (Но без интервали). Всички текстове, което идва след тагове Bold, след това ще бъде удебелен. За да "изключат" на смелите характеристика, вид </ B>. Всеки текст, който идва след "смели изключено" маркер ще unbolded.It си струва се споменава, че във всички случаи, всички текстове, която попада между "за" или "изключено" HTML тагове ще се заеме с характеристиката на този маркер ЕВРОВОК. Колко текст може да ви постави в между два маркера HTML? Както много или малко, като искате. Това означава, че можете да използвате само няколко тагове HTML за проектиране параграфи и алинеи на text.What някои други марки HTML уеб дизайнери, които често се използват? <I> и </ I> (за курсив) <U> и </ U> (За подчертаване) <СТАЕН> (за създаване на единен знак за нов ред). В повечето, но не всички случаи, ако активирате една HTML тагове чрез поставени в тези: <> S, вие също трябва да го деактивирате в някакъв момент, както и в <I> и </ I> за курсив е показано по-горе. Изключение от това правило е <P>, или параграф разделител тагове, и <СТАЕН> или линия breaks.Specifying повече текстови характеристика в рамките на една HTML TagHTML тагове работят по различни начини, в зависимост от вида на дизайна те контролира. Както споменах по-горе, можете да контролирате всички елементи на уеб дизайна чрез HTML код страница разделяне, форматиране на текст, поставяне изображение, оформление дизайн и хипервръзка вмъкване. По тази причина, един HTML тагове може да включва множество променливи. Това звучи много сложно, отколкото is.For например етикета с множество променливи затворени всички в една от тези: <>, може да се използва текстов формат. Едно е равно на (=) знак се използва да се определят множество характеристики в рамките на една HTML тагове. За да маркирате една част от текста на шрифта очила, започва с: <Шрифта = Използване без интервали след равенство (=) знака, въведете името на шрифта в кавички, тъй като така: "Arial". Можете също така да зададете размера и цвета тук. В същия маркер, който казва да се затвори. Вашият шрифта таг ще изглежда така: <Шрифта = "Arial" SIZE = "2"> (но без край пространства). Ако искате да, Вие също може да включва един цвят за текста в рамките на този маркер. Цветът е вписан по същия начин, както на шрифта лицето и размер, и се нарича по свой собствен набор от кавички, както в основните имена като "черен" или "Червено" или 6-цифров код, който започва с номер sign.So, в таг, че обозначава точка напечатани в Arial шрифта в най-малкия размер на втория тип, в черен цвят, ще изглежда така: < FONT FACE = "Arial SIZE =" 2 "COLOR =" черен "> Всички видове, които дойдоха след този маркер HTML ще отнеме от характеристиките по-горе. След като иска да" изключване "на шрифта характеристики на този отзив за книга от издателя на текст, можете да въведете етикет </ FONT>. Използване на HTML Tags Добавяне изображения на вашия уеб PageNow Предполагам, че искаш да добавите изображение към вашата уеб страница. И нека приемем, изображението вече се намира в папката на Вашия уебсайт, където изображения съхраняват. За да се направи снимка се появи в новия си уеб страница, трябва: 1. пълния уеб адрес на вашия уебсайт (като http://www.wordfeeder.com), 2. папка (или поддиректории) на вашия сървър, когато изображенията са съхраняват, and3. името на файла на изображението (завършва инча JPG). Кодът HTML се използва за "вдигна" на изображение от един източник е IMG SRC. Както винаги, тя принадлежи на тези вътре удобен скоба-неща. Така че си маркер ще започне: <IMG SRC = Без да пишете празни пространства, преди или след = (равен) знак, иска след това да поставите URL на мястото, където се намира изображение (както е обяснено в примери 1, 2 и 3 по-горе), и следват с името на файла и. JPG край. Аз ще убедите в това с един пример от моя собствен уеб колекция от изображения: <IMG SRC = "http://www.wordfeeder.com/sitebuildercontent/sitebuilderpictures/wordfeederlogox.jpg"> като напишете, че HTML тагове със специфичните Мрежата адрес и информация папка / име на файла в кавички, на компютъра знае произхода на изображението, а след това ще "го хипервръзка" в своя уеб page.If сте някога сигурни за filepath на изображението, което трябва, отидете на уеб страницата, къде е разположена тя и след това с десния бутон върху изображението. Под "Недвижими имоти", ще намерите пълния път URL, които трябва да бъдат напечатани в между две кавички, които са вътре в tag.Note Изображение Източник: не е нужно да "изключване" един tag.You изображението може да включва и множество променливи в рамките на една тагове изображение. Например, ако искате да ляво-привеждане в съответствие на по-горе снимка, искам редактирате тагове горе да изглежда така: <IMG SRC = "http://www.wordfeeder.com/sitebuildercontent/sitebuilderpictures/wordfeederlogox.jpg" изравни = лява> хипервръзка Tags за електронна поща и Интернет AddressesEver се чудя как уебмайстори създават живи връзки? А живеят връзка може да се каже нещо като "Кликнете тук за повече информация!" и тогава, когато щракнете там, вие изведнъж транспортирани до нова уеб страница. А живеят връзка е просто вид обхваща адрес на сайт. Проверете го: <А HREF = "http://wordfeeder.com"> Посещение Wordfeeder за повече информация! </ A> Това е HTML код за "хипервръзки текст". Изглежда странно, но мисля за него по този начин. Първата част в която е затворена в тези: <>, е това, което се превръща в "Вземай следните думи в една връзка, която води до адреса съм пишете тук" функция. Крайният етикет, </ A> е това, което "изключва" на "хипертекст свързване" функция и след това ще ви позволи да възобнови пишете в нормални, несвързани text.As можете да видите, като въведете няколко прости HTML тагове, можете да създадете някои доста невероятни неща. Тази статия е само върхът на айсберга. Надявам се, че обясненията и показани примери има най-малко при условие основни познания за HTML за вас. Чудесен начин да научите е от "учат" код на други хора уеб страница от гледна Източник прозорец. Вие на практика чрез копиране им HTML код във вашата собствена фалшиви страници, и попълване на "месо" между "за" и "изключено" етикети с текст и изображения, които отговарят на вашите собствени цели. Но бъдете внимателни. Ако поставите HTML неправилно, можете напълно потънали кораби и корумпирани хора, които си document.For искам да отида в сериозен дизайн, аз силно препоръчваме да купуват подробен наръчник HTML. След като получите цаката на HTML, няма казвам това, което можете да създавате! Copyright 2005 Дина Giolitto. Всички права reserved.Dina Giolitto е Ню Джърси-базирани консултанти текстове с девет години професионален опит. Нейният фокус е текущата уеб съдържание и маркетинг в Мрежата за множество продукти и услуги, въпреки че по-голямата част от нея
Член Източник: Messaggiamo.Com
Related:
» Home Made Power Plant» Singorama
» Criminal Check
» Home Made Energy
уебмастъра Вземи Html кодекс
Добави тази статия на вашия сайт сега!
уебмастъра Подайте членове
Не е необходима регистрация! Попълнете формата и статията ви е в Messaggiamo.Com директория!
