Как да се създаде рамки за HTML. Основни положения на HTML за начинаещи. урок №16
Здравейте на всички! Ние продължаваме да усърдно изучават основите на HTML. Радвам се, че не се хвърлят на основите на уроци по HTML.
В този урок ще разгледаме какви рамки и как те са създадени в HTML. Така че, нека да се дефинира какво рамки за HTML. Рамки - подразделение на прозореца на браузъра в отделни области, в които могат да се зареждат отделни HTML документи.
Например, за да се разбере как рамката на практика, предлагам да разгледаме един пример. Направете го няколко преходи:
Е, като вас? Искате ли да научите как да създадете? Сега ще научите как да поставите рамки в HTML-документ.
Създаване на рамка на уеб страница се показва на такова оформление:
Забележка: оформлението на кода на рамката се вмъква в HTML-документа вместо маркера
:
Това е основната контейнера за създаване на рамка, вътре в която да съдържа и други елементи. Маркерът за затваряне задължителен.
Графи - вертикални
Редове - Хоризонтални
колони и редове Тогава атрибутите показват колко парчета да раздели прозореца на браузъра. Ето, например, да се разделят на прозореца на браузъра на две вертикални части, трябва да се регистрирате тук, така че:
Лявата част на екрана е 30% по размер, а в дясно - 70%.
Ако искате да се раздели от браузъра, за още няколко части, разделени със запетаи добавите допълнителни измерения, например, както следва:
В резултат на това на първата вертикална колона ще бъде 30% от ширината, а вторият - 20%, третият - 10%, на четвърто - 40%.
По същия начин, хоризонталата разбити:
В първата колона е хоризонталната ширина на 30%, а вторият - 20%, третият - 10%, на четвърто - 40%.
кадър таг определя кои HTML-документ трябва да бъде заредена в прозореца на браузъра. Например, ние трябва да се зареди в прозореца на браузъра, три различни страници «1.html», «2.html», «3.html». кадър таг ще изглежда така:
За да обобщим знанията на кадрите. По този начин, проблемът: необходимо е да се разделят на прозореца на браузъра на две части и се зарежда в тези две части на една уеб страница - «1.html» 30%. «2.html» 70%. Тук е готов код:
Резултатът е:
○ Връзки в рамки или да се научат да използват атрибут «име»
Ето един пример, ако регистъра атрибут «име»:
Въпреки това, той е по-добре? За всеки списък рамка атрибута «име», където искате да го отворите в другата HTML-документ
Името «име» атрибут може да бъде всеки. Но в бъдеще, ако ще даде останалата част от имената и таговете «рамка». не забравяйте, че всеки трябва да е уникално:
Сега трябва да се свърже към предписва "мишена", което е, в която рамката на прозореца е да се направи прехода. За този етикет «а» списък на атрибут «цел»:
"Page 1", "Страница 2" ще се отвори в същия прозорец, където можете посочва името на рамката «име =" stepkinblog-RU "» и "Page 3" ще бъде открита в друга рамка, което е било името «име =" bloggood-RU "»
Задача: Необходимо е да се създаде рамка тук, на тази оформление:
Първо, създайте три хоризонтална рамка:
Сега добавете «top.html» и «footer.html»
Резултатът до момента е така:
Сега, между «top.html» и «footer.html» добавяне на «menu.html» и «content.html»:
Запазете файла като «index.html»
Създаване на страници «top.html». «Footer.html». «Menu.html» и «content.html»:
Код «top.html» файл
Код «footer.html» файл
Код «menu.html» файл
Код «content.html» файл:
Код «autor.html» файл:
Ето един резултат отидох:
Ние използваме атрибутите на «рамка» и забрани ръчно разтягане рамка и премахване на свитъка в «index.html» файл.
○ Какво да правя, ако рамките не се поддържат от браузъра?
Можете да покажете съобщение на потребителя, че браузърът на потребителя не поддържа рамки. За да направите това, поставете маркера вътре дизайн
Ако трябва да поставите прозорец рамка директно към страница, която не разполага с рамкова конструкция, за това има на етикета «вградена рамка»
SRC - пътя към страница, която посещавате
ширина - ширината на плаващата
височина - височината на вградена рамка
превъртане - лента за превъртане - не - никога не се покаже лентата за превъртане - Да - винаги показват - авто - шоу, ако е необходимо
подравняване - привеждането на вградена рамка - лявото - ляво - Точно така - десен - отгоре - до - отдолу - долу
FRAMEBORDER - рамка около вградена рамка - 1 - ключ кадър - 0 - изключване на рамката
Тук тя ще изглежда като «вградена рамка» таг атрибути:
Ако вашият браузър не поддържа рамки, можете да вмъкнете текст "Ами сега! Вашият браузър не поддържа фреймове. "Между таговете . Тя ще изглежда така:
Например, нека да добавите към файл «content.html» вградената рамка: