HTML Информация Гайд HTML-Первые шаги.Значения атрибутов.

Unnecess4ry · 25 Июн 2019

Приветик,в этой теме будем разбирать значения атрибутов.(!!ЛОГИЧЕСКИЕ АТРИБУТЫ НЕ ИМЕЮТ ЗНАЧЕНИЯ!!)
Значения бывают нескольких типов:
Ключевое слово,строка,число,код языка Адреса* (Это не все,их дохуя и больше,я буду объяснить значения выше перечисленных,ибо они более популярные.)
И так начнем с Ключевых Слов.
Ключевые слова
У некоторых атрибутов есть зарезервированные значения,которые называются <<Ключевые Слова>>. Как пример возьмем значение атрибута

HTML:

Type

элемента

HTML:

<input>

определяет тип элемента формы.Рассмотрим пример использования элемента <input>

HTML:

<input type="button" value="Кнопушкa">

В данном примере элемент <input> создает кнопушку.
Ключевые слова подчиняются спецификации, список их значений ограничен и не может быть произвольно изменён.

Строка

Строка представляет собой текст, заключённый в двойные или одинарные кавычки.

HTML:

<div tittle="Строчка"></div>

<div tittle='Строчка'></div>

Кавычка определяет начало и конец строки, поэтому внутри строки нельзя дополнительно ставить такие же кавычки. К примеру, следующая строка использует неправильное сочетание кавычек.

HTML:

<div tittle="Новый 30" монитор"></div>

Чтобы корректно написать строку с внутренними кавычками есть несколько вариантов.

1. Экранировать внутреннюю кавычку вот таким образом \". В таком случае она уже не будет восприниматься браузером как кавычка, а считается символом.

HTML:

<div tittle="Новый 30\" монитор"></div>

2. Использовать сочетание одинарных и двойных кавычек.

HTML:

<div tittle='Новый 30" монитор'></div>

Здесь строка у атрибута тітіе взята в одинарные кавычки, поэтому мы спокойно можем писать внутри двойную кавычку.

Всё это аналогичным образом работает и для одинарных кавычек.

Числа.
Числа состоят из цифр от 0 до 9; для отрицательных чисел, если они необходимы, впереди ставится знак минус (-45). В примере показано использование чисел в качестве значений атрибутов.

Код:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Числа</title>
</head>
<body>
  <p>Температура воды</p>
  <meter value="0" max="100" low="10" high="60">Низкая</meter>
  <meter value="30" max="100" low="10" high="60">Нормальная</meter>
  <meter value="80" max="100" low="10" high="60">Горячая</meter>
  <meter value="100" max="100">Кипяток</meter>
</body>
</html>

(Результат на 1 скриншоте)
Кроме целых чисел,можно юзать дробные(например х целых у сотых[х,0у] ) для этого используется атрибут value.Пример:

HTML:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>input, атрибут max</title>
</head>
<body>
  <form>
   <p>Укажите вашу температуру в градусах</p>
   <p><input type="number" min="35" max="41" value="36.6" step="0.1"></p>
  </form>
</body>
</html>

(Результат на 2 скрине)

Код Языка.

Код ящыка используется, чтобы показать поисковым системам, на каком языке написан текст и задать свои настройки для разных языков (типы кавычек, и т.п) и указывается язык текста в виде кода. Для задания языка применяется атрибут lang (для систем торможения(:trollface:):lang от слова language)
Пример:

HTML:

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <title>lang</title>
</head>
<body>
  <p>Фраза на французском</p>
  <p lang="fr">Je n'ai pas mangé depuis six jours <!--Я не кушаль шесть дней--> </p>
</body>
</html>

Результат на 3 скрине.
В данном примере для всей страницы указан русский язык с помощью атрибута langа со значением ru. Чтобы показать, что язык относится ко всей странице, атрибут добавлен к элементу <html>. Для текста на французском атрибут lang со значением fr добавлен а элементу <p>.

Допустимые значения атрибута lang моня посмотреть тут.

Про Адресса в следующей теме ,так што ставте лойоки,шобы было хорошо и подрообно,ибо я на эту тему угрохал около 2часа,сюк(

Адрес.
Адресом называется путь к документу,например к текстовому документу.
Как я уже написал,Адрес нужен всегда и везде,ибо через адреса можно получить путь к какому-то файлу (инфе,и т.п) . Адреса быаают 2 типов:Абсолютные и Относительные.
Начнем с Абсолютных адресов.
Абсолютные адреса работают везде и всегда,независимости от того,находитесь Вы на каком-то сайте или нет.Перед такими адресами ВСЕГДА указывается HTTP /HTTPS (если не знаете,что это такое,то можете закрывать эту тему,оно вам не нужно) ) следовательно,любые абсолютные ссылки начинаются ч вставки http:// , https:// .
Пример абсолютного адреса:

HTML:

<a href="https//blast.hk">BLASTHACK</a>

(https=http+s = HyperText Transfer Protocol+ Secure)
Иногда,когда нет информации про протокол,в таких случаях код выглядит так

HTML:

<a href="//blast.hk">BLASTHACK</a>

Абсолютные адреса в основном используются тогда,когда есть нужда перейти на другой сайт(ресурс).
Относительные адреса
Относительные адреса используются БЕЗ протокола,такие адреса указывают на документы,которые находятсяв корне сайта,пример адреса:

HTML:

<img src="gavGavsuka.jpg">

Такой адрес указывает на картинку,который находится в той же папке,что и веб-страничка.Если файл находится в другой папке,используем такой код:

HTML:

../image/gavgavsuka.jpg

Если находится в самом корне сайта,используем такой код :

HTML:

/image/gavgavsuka.jpg

,
А если файл находиться в какой-то папке,которая лежит с веб-страничкой используем такой код:

Код:

Papka/gavgavsuka.jpg

Иногда можно встретить адреса в виде

HTML:

./file/index.html

. Точка впереди означает, что отсчёт ведётся от текущей папки. Подобная запись избыточна и её можно сократить до

HTML:

File/index.html

Спасибо,что прочли.

Скрытое содержимое доступно для зарегистрированных пользователей!

Дополнение:
Обычно используются либо абсолютные пути(//somesite.com/static/all.css || https:/.somesite.com/static/all.css) либо пути, следующие от корня сайта(/static/all.css).

Концепция должна быть такая, чтобы переместив файл(разметку, HTML) в любое место на сервере - он имел доступ к статике. Этой концепции не обязательно следовать - но желательно. А так - все даже более менее подробно расписано.
Спасибо @HellsCoder -у за исправление ошибки.

Unnecess4ry · 25 Июн 2019

Сорян за ошибки,ибо я таких длинных сочинений в школе даже не писал(

MrCreepTon · 26 Июн 2019

МБ с @HellsCoder запилишь взаимодействие джавы с html? Уверен, есть много про что рассказать.

Izvinisb · 26 Июн 2019

( ˘ ɜ˘) ♬♪♫ написал(а):
Приветик,эта тема будет дополнением к той,где я рассказывал про значения атрибутов.(Это не сделано в целях набива,просто Адрес это та тема,которая используется ВЕЗДЕ,поэтому нужно как можно подробно про него рассказвть.
Так вот.
Адрес.
Адресом называется путь к документу,например к текстовому документу.
Как я уже написал,Адрес нужен всегда и везде,ибо через адреса можно получить путь к какому-то файлу (инфе,и т.п) . Адреса быаают 2 типов:Абсолютные и Относительные.
Начнем с Абсолютных адресов.
Абсолютные адреса работают везде и всегда,независимости от того,находитесь Вы на каком-то сайте или нет.Перед такими адресами ВСЕГДА указывается HTTP /HTTPS (если не знаете,что это такое,то можете закрывать эту тему,оно вам не нужно) ) следовательно,любые абсолютные ссылки начинаются ч вставки http:// , https:// .
Пример абсолютного адреса:

HTML:

<a href="https//blast.hk">BLASTHACK</a>

(https=http+s = HyperText Transfer Protocol+ Secure)
Иногда,когда нет информации про протокол,в таких случаях код выглядит так

HTML:

<a href="//blast.hk">BLASTHACK</a>

Абсолютные адреса в основном используются тогда,когда есть нужда перейти на другой сайт(ресурс).
Относительные адреса
Относительные адреса используются БЕЗ протокола,такие адреса указывают на документы,которые находятсяв корне сайта,пример адреса:

HTML:

<img src="gavGavsuka.jpg">

Такой адрес указывает на картинку,который находится в той же папке,что и веб-страничка.Если файл находится в другой папке,используем такой код:

HTML:

../image/gavgavsuka.jpg

Если находится в самом корне сайта,используем такой код :

HTML:

/image/gavgavsuka.jpg

,
А если файл находиться в какой-то папке,которая лежит с веб-страничкой используем такой код:

Код:

Papka/gavgavsuka.jpg

Иногда можно встретить адреса в виде

HTML:

./file/index.html

. Точка впереди означает, что отсчёт ведётся от текущей папки. Подобная запись избыточна и её можно сократить до

HTML:

File/index.html

Спасибо,что прочли.

Это кому-то интересно?

MrCreepTon написал(а):
МБ с @HellsCoder запилишь взаимодействие джавы с html? Уверен, есть много про что рассказать.

MrCreepTon · 26 Июн 2019

sergey11111112 написал(а):
<script src="script.js"></script>

Я не про JavaScript, а, например Spring в Java

Izvinisb · 26 Июн 2019

MrCreepTon написал(а):
Я не про JavaScript, а, например Spring в Java

та я гоню)

Alfinity · 26 Июн 2019

( ˘ ɜ˘) ♬♪♫ написал(а):
Перед такими адресами ВСЕГДА указывается HTTP /HTTPS

( ˘ ɜ˘) ♬♪♫ написал(а):
<a href="//blast.hk">BLASTHACK</a>

Удалённый пользователь 147808 · 26 Июн 2019

( ˘ ɜ˘) ♬♪♫ написал(а):
./file/index.html

Такой код в ссылках на статику - признак плохого тона, обычно люди, у которых в черепной коробке есть намек на мозг - так не делают. Хотя это и работает.

Unnecess4ry · 26 Июн 2019

HellsCoder написал(а):
Такой код в ссылках на статику - признак плохого тона, обычно люди, у которых в черепной коробке есть намек на мозг - так не делают. Хотя это и работает.

Критикуешь-предлагай.мне не ьрудно исправить.

MrCreepTon написал(а):
МБ с @HellsCoder запилишь взаимодействие джавы с html? Уверен, есть много про что рассказать.

Он меня палками отхуярит,если и буду с ним что-то делать,то только тогда,когда буду на егл уровне.

( ˘ ɜ˘) ♬♪♫ написал(а):
Иногда,когда нет информации про протокол,в таких случаях код выглядит так
<a href="//blast.hk">BLASTHACK</a>Выделить код

Прочти тему,потом пиши комментарий.Я же описал,когда неизвестен протокол,делаем так,браузер сам подбирает протокол. Это тебе такой советна будущее.Тут на форуме много злюк,тебя с говном смешают за такое)

sergey11111112 написал(а):
Это кому-то интересно?

Это интересно в первую очередь мне.Остальное для меня роли почти не играет.

Удалённый пользователь 147808 · 26 Июн 2019

( ˘ ɜ˘) ♬♪♫ написал(а):
Критикуешь-предлагай.мне не ьрудно исправить.

Обычно используются либо абсолютные пути(//somesite.com/static/all.css || https:/.somesite.com/static/all.css) либо пути, следующие от корня сайта(/static/all.css).

Концепция должна быть такая, чтобы переместив файл(разметку, HTML) в любое место на сервере - он имел доступ к статике. Этой концепции не обязательно следовать - но желательно. А так - все даже более менее подробно расписано.

Выше есть комментарии аля "кому это интересно?", и стебы, рожденные в результате беглого чтения по диагонали - советую на них не обращать внимания, ибо людям с ограниченными умственными способностями и таким же кругозором - врядли когда то это станет интересно.

Unnecess4ry · 26 Июн 2019

HellsCoder написал(а):
Обычно используются либо абсолютные пути(//somesite.com/static/all.css || https:/.somesite.com/static/all.css) либо пути, следующие от корня сайта(/static/all.css).

Концепция должна быть такая, чтобы переместив файл(разметку, HTML) в любое место на сервере - он имел доступ к статике. Этой концепции не обязательно следовать - но желательно. А так - все даже более менее подробно расписано.

Выше есть комментарии аля "кому это интересно?", и стебы, рожденные в результате беглого чтения по диагонали - советую на них не обращать внимания, ибо людям с ограниченными умственными способностями и таким же кругозором - врядли когда то это станет интересно.

Добавил.

Поиск

Поиск

HTML Информация Гайд HTML-Первые шаги.Значения атрибутов.

Unnecess4ry

Известный

Вложения

Unnecess4ry

Известный

MrCreepTon

Неизвестный

Izvinisb

Известный

MrCreepTon

Неизвестный

Izvinisb

Известный

Alfinity

Известный

Удалённый пользователь 147808

Гость

Unnecess4ry

Известный

Удалённый пользователь 147808

Гость

Unnecess4ry

Известный

Похожие темы