data
HTML CSS
TEACHING
Лю Кан
GOOD GOOD STUDY · DAY DAY UP
ВЕБ-ПРОГРАММИРОВАНИЕ
цель:
1.Понимать структуру веб-страницы
2.Изучайте HTML и CSS
3.Оптимизируйте страницу с помощью CSS
ВЕБ-ПРОГРАММИРОВАНИЕ
A
B
C
3
HTML (Hyper Text Markup Language)
CSS (Cascading Style Sheets)
Цель "CSS" - украсить веб-страницы.
С его помощью можно задать цвета, фон, положение и так далее.
Javascript (scripting language)
Это очень сложно, Мы не узнаем этого сегодня
Структура веб-страницы
HTML
CSS
javacript
HTML" - это скелет веб-страницы, состоящий из головы, тела и ног.
Структура веб-страницы
Структура HTML-тегов: <теги > или <теги/>

~

тег заголовка
Функция:
в качестве названия статьи.
Текст станет крупнее и толще.
Чем больше число, тем меньше текст.
формулировка:

я h1

я h2

я h3

я h4

я h5

я h6

тег абзаца
Функция:
Используется для размещения текста.
Текст будет переведен в строку.
формулировка:

я p

тег контейнера
тег новой строки
HTML
Функция:
Контейнер, может содержать h1,
может содержать p и все остальное.
формулировка:

я div

Функция:
Его единственная функция -
перенос строк.
У него есть только одна метка,
и он не может поместить текст.
формулировка:


Фоновые цвета
背景色
цвет
颜色
Размер текста
文字大小
Выравнивание
对齐方式
Функция:
Установите цвет фона

формулировка:
background-color:#f6f6f6;
или
background-color:red;
Функция:
Установите цвет текста

формулировка:
color:#f6f6f6;
или
color:red;
Функция:
Установите размер текста
формулировка:
font-size:14px;
Функция:
Установите выравнивание текста

формулировка:
text-align:left;
или
text-align:center;
или
text-align:right;
CSS
Структура CSS: body{атрибуты: значения атрибутов}
Я вас любил
А.С. Пушкин
Я вас любил: любовь еще, быть может
В душе моей угасла не совсем
Но пусть она вас больше не тревожит;
Я не хочу печалить вас ничем.
Я вас любил безмолвно, безнадежно,
То робостью, то ревностью томим;
Я вас любил так искренно, так нежно,
Как дай вам бог любимой быть другим.
Домашнее задание
Это красивое стихотворение. давайте напишем его на странице.
1.Это текст（Я вас любил...）, так какие теги мы должны
использовать？
2.Это заголовок(Я вас любил), какие теги мы используем?
3.Если я хочу изменить цвет фона страницы, какое CSS я
должен использовать?
4.Если я хочу изменить цвет текста, какое CSS я должен
использовать?
5.Текст немного мелковат, какой CSS нам следует использовать?
СПАСИБО ЗА ВНИМАНИЕ!
GOOD GOOD STUDY · DAY DAY UP

查看更多

相关推荐

寻找身边的昆虫-瓢虫-王颖

科普小知识

2

未命名用户9BZJqA

1天前

data

科普小知识

0

未命名用户0uT1A0

7天前

炫酷5G移动互联网PPT模板-6516

科普小知识

3

未命名用户OLbaCp

7天前

金色励志读书分享打读后感PPT

科普小知识

4

未命名用户WsG7av

8天前

蓝色简约微立体论文答辩PPT

科普小知识

1

未命名用户TNsuky

11天前

简约家居毕业答辩学术报告PPT

科普小知识

5

未命名用户Rr4v4b

11天前

大客户经营训战营 工具及案例.pptx精简版本

科普小知识

4

链家&向富豪

14天前

123

科普小知识

8

未命名用户Jre0o1

15天前