HTML和CSS的第一天

HTML框架和标签

一.框架

1.设置网站图标

2.设置网站搜索的关键词和网站的描述内容


3.书写脚本

4.书写样式

二.标签

1.布局标签

...

2.换行标签


3.显示水平线标签


4.链接标签

跳转提示
跳转提示(增加一个页面)
跳转提示(在原页面基础上再打开一个页面)

5.图片显示

当图片无法显示时的代替内容

6.列表
ul/ol:无序/有序

ul>li{li$}*3  :
  • li1
  • li2
  • li3

效果:
HTML和CSS的第一天_第1张图片

ol>li{li$}*3  :
  1. li1
  2. li2
  3. li3

效果:
HTML和CSS的第一天_第2张图片

三.文本格式化标签

1.加粗和强调(行级标签,不会独占一行)

:加粗
:加粗和强调(便于在使用SEO时,提取关键词)

2.倾斜和强调

:倾斜
:倾斜和强调

3.缩小一号和加大一号(行级标签,不会独占一行)

:缩小一号
:加大一号(在HTML5中被淘汰了,少用)

4.设置上标和下标

X1:下标
X1:上标

效果:
HTML和CSS的第一天_第3张图片

5.短文本引用

6.地址信息

四.实体转义符
HTML和CSS的第一天_第4张图片

5.块级元素和行级元素

块级元素:=display:block
独占一行
可包含块级和行级元素

行级元素:=display:inline
不独占一行
只能包含行级元素

:块级转化行级 :行级转化块级

你可能感兴趣的:(前端,html,css)