HTML基础(第12周)

第一章  基本语法

1.HTML基本结构

HTML

标题

网页主体内容

2.标签(一般情况下成对出现)

段落标签



在页面中显示为一条横线,是一个单标签

html文本元素:开始标签+内容+结束标签

HTML标签属性

3.标签属性

<标签名  属性名1=“属性值” 属性名2=“属性值”······>······

(页面主体内容就变为红色)

4.如何添加注释

第二章 文档段落

一.基本内容

1. 文档类型声明,放在HTML文档的第一行XHTML规范

DOCYYPE处于文档最前面,告知浏览器使用哪种HTML或

2.在标签之间加

声明网页的内容使用的语言以及编码形式,避免出现乱码

二.文字和段落标签

1.标题标签:

~

(h1~h6标签的显示效果)



HTML基础(第12周)_第1张图片

2.段落标签

段落标签


  换行标签(在需要换行的文字后面直接加,是一个单标记)

 空格,放在需要空格的文字前面

align对其属性

left  左对齐

right  右对齐

center  居中对齐

justify  对行伸展,每行都有相等的长度


运行结果,分别为左对齐,右对齐,居中对齐,对行伸展,加
换行以及空格


HTML基础(第12周)_第2张图片
来自截图



标签实现换行,但是它们仍然属于一个段落,行与行之间没有留白部分

,预格式化标签,浏览器端看到的内容和输入的内容一样,包括手动敲入的空格


单标签,水平线

width:水平线宽度,像素或百分比

color:水平线颜色

align:水平线居中对其

noshade:水平线无阴影

例如:


运行结果为


HTML基础(第12周)_第3张图片
来自截图


修饰标签

文字斜体:   

加粗: 

上标:

下标:

下划线:

删除线:

HTML基础(第12周)_第4张图片
运行结果

特殊符号

&alt:< 小于号

>:<  小于号

®:已注册

© :版权

&trade:TM 商标

 :Space  不断行的空白

第三章  列表标签

分类:无序列表

  • 内容
  • 内容
  • 内容


type属性值

disc:原点

square:正方形

circle:空心圆


HTML基础(第12周)_第5张图片
来自截图

分别设置属性


HTML基础(第12周)_第6张图片
来自截图



有序列表:列表项有先后顺序

语法

  1. 内容
  2. 内容
  3. 内容

type属性值

1:数字1,2······

A:大写字母

a:小写字母

I:大写罗马数字

i:小写罗马数字

运行结果:

HTML基础(第12周)_第7张图片
来自截图

定义列表

定义列表项

定义列表项描述

定义列表项

定义列表描述项

对于每一个dt可以有多个dd


dt与dd是同级标签,dt不能放在dd内,dd也不能放在dt内



HTML基础(第12周)_第8张图片
来自截图


浏览器调试器打开:F12

你可能感兴趣的:(HTML基础(第12周))