Как в html увеличить текст: Размер текста | htmlbook.ru

Относительный размер шрифта — Оформление текста — HTML Academy

Загрузка…
Через несколько секунд всё будет готово

  • index.html
  • style.css

HTML

<!DOCTYPE html> <html lang=»ru»> <head> <meta charset=»utf-8″> <title>Дневник начинающего верстальщика</title> <link rel=»stylesheet» href=»style.css»> </head> <body> <header> <p>Блог</p> <nav> <a href=»index.html»>На главную</a> </nav> </header> <main> <article> <h2>День второй. Хочу быть верстальщиком</h2> <p>Сегодня весь вечер просидел в интернете. Читал про преимущества работы верстальщиком. Часто отвлекался на видео с котиками, конечно, но кое-что я запомнил:</p> <ul> <li>ты делаешь полезное дело</li> <li>можешь работать удалённо</li> <li>интересные люди</li> <li>хорошая зарплата</li> </ul> <p>Желания учиться резко прибавилось.

</p> </article> <aside> Тут могла быть ваша реклама </aside> </main> <footer> Подвал сайта </footer> </body> </html>

CSS

body { padding: 0 30px; font-size: 16px; line-height: 26px; font-family: «Arial», sans-serif; color: #222222; background: #ffffff url(«img/bg-page.png») no-repeat top center; } h2 { font-size: 24px; line-height: normal; } h3 { font-size: 20px; line-height: normal; } a { color: #0099ef; text-decoration: underline; } .page-title { font-size: 36px; } .avatar { border-radius: 50%; } .blog-navigation { margin-bottom: 30px; padding: 20px; color: #ffffff; background-color: #4470c4; border: 5px solid #2d508f; } .blog-navigation h3 { margin-top: 0; } .blog-navigation ul { padding-left: 0; list-style: none; } .blog-navigation li { margin-bottom: 5px; } .blog-navigation a { color: #ffffff; } .

skills dd { margin: 0; margin-bottom: 10px; background-color: #e8e8e8; } .skills-level { font-size: 12px; text-align: center; color: #ffffff; background-color: #4470c4; } .skills-level-ok { background-color: #47bb52; } footer { margin-top: 30px; }

Что в задании вам не понравилось?

Не работает проверка кодаЗадание слишком сложноеНепонятная теорияДругое (сейчас напишу)

Другое (сейчас напишу)

Спасибо! Мы скоро всё исправим)

Код изменился, нажмите «Обновить» или включите автозапуск.

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

ЗадачиВыполнено

  1. Для класса .page-title смените размер шрифта на 2.5em,
  2. а затем увеличьте размер шрифта у всего body до 20px и убедитесь, что у заголовка при этом также пропорционально увеличился размер шрифта.

HTML. Размер шрифта в таблице.

Как задать сразу для всей таблицы?

 
Vlad Oshin ©   (2007-03-30 13:33) [0]

<BASEFONT SIZE="1">
просто текст
<TABLE BORDER=1>
 <TR>
    <TD> <FONT size=1>стр1 стб1 </FONT></TD>
    <TD> стр1 стб2   </TD>
 </TR>
 <TR>
   <TD>стр2 стб1 </TD>
   <TD> стр2 стб2 </TD>
 </TR>
</TABLE>

тут только просто текст, стр1 стб1 отображается размером 1, а остальное более крупно
Как всю таблицу отображать одним шрифтом?

Следующую, например, другим?


 
Ketmar ©   (2007-03-30 13:34) [1]

сменить basefont на font?


 
Vlad Oshin ©   (2007-03-30 13:41) [2]


> сменить basefont на font?

нет, не помогает

может есть что-то, что перекрывает тэг FONT, где-то в начале?
может ли это быть стиль какой-то?

Смотрю в IE 6


 
wal ©   (2007-03-30 13:45) [3]

Есть такая замечательная штука, css называется


 
Ketmar ©   (

2007-03-30 13:54) [4]

> Vlad Oshin ©   (30. 03.07 13:41) [2]
> Смотрю в IE 6

а надо в html/css reference. %-)


 
Vlad Oshin ©   (2007-03-30 14:17) [5]

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

1<BASE HREF="http://www.nordtravel.ru">
2<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
3<BODY BGCOLOR="#D6EFFF" TEXT="#00107B">

1 — не может же базовый адресс переопределить стиль? или может?
по моему — это просто точка отсчета для всех адресов

2- вообще не относится, имхо
3 — цвета на странице.
Все.
Чего там еще то?
эх.. надо то просто вывести таблицу..
одним шрифтом, сказать это 1 раз, а не в каждой строчке.
зачем мне эти стили и прочее?. ..


 
wal ©   (2007-03-30 14:26) [6]

<style type=text/css>
td {font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif;font-size:10pt}
</style>


 
wal ©   (2007-03-30 14:28) [7]

>зачем мне эти стили и прочее?…
Как раз затем, чтобы сказать это один раз


 
Zeqfreed ©   (2007-03-30 14:29) [8]

> Vlad Oshin ©   (30.03.07 14:17) [5]

> зачем мне эти стили и прочее?…
>

Бедный человек 🙂


 
Vlad Oshin ©   (2007-03-30 16:15) [9]


> wal ©  

спасибо.


 
Gero ©   (2007-03-30 16:56) [10]

Я думал сейчас уже таким никто не страдает 🙂


Текст : Размер текста — Учебник по HTML

  Текст HTML :

РАЗМЕР ТЕКСТА






T

это теги для изменения размера шрифта.

text увеличить размер на единицу
text уменьшить размер на единицу

текст
записывает текст в самый большой заголовок
text
пишет текст в наименьшем заголовке
текст пишет текст с наименьшим размером шрифта. (8 пт)

текст
пишет текст самым большим размером шрифта (36 pt)

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

бла-бла-бла что угодно бла-бла-бла

учебник по CSS, чтобы узнать, как получить полный, гибкий и гораздо более продвинутый контроль над вашим текстом.

Щелкните здесь, чтобы перейти к руководству по CSS.


 << ПРЕД.



«Лучше, чем книги — проще простого!»

css — увеличить размер шрифта текста гиперссылки html

спросил

Изменено 2 года, 1 месяц назад

Просмотрено 232 тысячи раз

Я работаю над веб-приложением, где я взял href . Но шрифт по умолчанию слишком мал по сравнению со страницей. Поэтому я хочу увеличить размер шрифта.

Моя страница вывода выглядит следующим образом:

Я попробовал размер шрифта для тега привязки, но он не показывает никакого эффекта после тега шрифта.

Код, который я пробовал:

 HTML 5
 

Итак, как я могу изменить размер шрифта?

  • html
  • css
  • привязка
  • размер шрифта

1

Вы можете сделать так:

 a {размер шрифта: 100px}
 

Старайтесь не использовать тег шрифта, поскольку он устарел. Вместо этого используйте CSS, как указано выше. Вы можете присвоить якорям определенный класс и применить к ним любой стиль.

1

Ваш тег font неверен, поэтому он не будет работать в некоторых браузерах. Единица пикселей используется с атрибутами CSS, а не HTML. Тег шрифта должен выглядеть так:

 
 

Вообще-то его там быть не должно. Тег шрифта устарел, вы должны использовать CSS для стилизации содержимого, как вы уже делали с text-decoration :

 HTML 5
 

Чтобы отделить содержимое от стиля, вам, конечно, следует работать над помещением CSS в таблицу стилей, а не в виде встроенных атрибутов стиля . Таким образом, вы можете применить один стиль к нескольким элементам, не применяя одни и те же атрибут стиля во всех них.

Пример:

 HTML 5
 

CSS:

 .topic { размер шрифта: 100 пикселей; текстовое оформление: нет; }
 

увеличьте размер заполнения шрифта, а затем попробуйте увеличить размер шрифта: —

 style="padding-bottom:40px; font-size: 50px;"
 

вы можете добавить класс в тег привязки, как показано ниже

 .

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *