HTML基础(一)——一般标签、常用标签和表格

第一部分HTML
--开始标签

网页上的控制信息
页面标题 - 锐客网


页面显示的内容

--结束标签
注释
body的属性:
bgcolor页面背景色
text文字颜色(规定所有文本颜色)
topmargin上页边距
leftmargin左页边距
rightmargin右页边距
bottomargin下页边距
background背景壁纸
注:背景色和背景壁纸两者选一
1.1、一般标签
1.1.1、格式控制标签 控制字体;color="##FF0000";face,字体;size,字体大小。
字体加粗
倾斜
下划线
字体加粗(强调,语气加强用)
字体倾斜(强调,语气加强用)
居中
注:默认前后若有其他,执行前后换行,保证自身是一个整体,然后居中显示。


相当于回车(快捷键:shift + enter)
 ;表示空格 也可以在设计页面中按ctrl+shift+space
1.1.2、内容容器标签 ……标题(会自动换行)。HTML标题(Heading)是通过 -等标签进行定义的。
注:……重要性依次递减,依附于现有的默认尺寸进行递增或递减。并且前后若有其他,执行前后换行,并空开一行,保证自身是一个整体

段落标签(段落之间空行)
注:
前后若有其他,执行前后换行,并空开一行,保证自身是一个整体
层标签(默认占一行)
层标签(默认用多大空间占多大空间)

    --有序列表,序号为1,2,3……,引号中可以更改序号形式
  1. 内容

  2. 内容


注:默认自带序号,自带换行,前后若有其他,执行前后换行,并空开一行,保证自身是一个整体
上面“ol”改为“ul”则为无序列表,其不具备自带换行功能。
1.2、常用标签
超链接标签
超链接的文字--href(hyperlink reference);_blank是在新窗口打开。
第一步:做锚点的标签。
第二步:做锚点链接。
【HTML基础(一)——一般标签、常用标签和表格】
图片标签
HTML基础(一)——一般标签、常用标签和表格
文章图片
--高跟宽设置一个即可,显示图片会按比例缩放。alt在图片无法加载时,显示文字,还可帮助搜索引擎搜索。
HTML基础(一)——一般标签、常用标签和表格
文章图片
HTML基础(一)——一般标签、常用标签和表格
文章图片
1 2 3 4 5 淄博汉企 - 锐客网 6 7 8 9 10 今天
11 天          气
不错。
12
13 14 字体格式控制标签:
15 文字加粗方式1,b标签
16 文字加粗方式2,strong标签
17 文字倾斜方式1,i标签
18 文字倾斜方式2,em标签
19 文字加下划线,u标签 20 123居中标签,center,默认,前后若有其他,执行前后换行,保证自身是一个整体,然后进行居中显示。456
21
22 内容容器标签:
23 123p标签,段落标签,若前后有其他,执行前后换行,并且空开一行,保证自身是一个整体,
456 24
    ol有序列表 25
  1. 默认自带序号
  2. 26
  3. 自带换行
  4. 27
  5. 若前后有其他,执行前后换行,并且空开一行,保证自身是一个整体
  6. 28
29
    ul无序列表 30
  • 默认不自带序号
  • 31
  • 自带换行
  • 32
  • 若前后有其他,执行前后换行,并且空开一行,保证自身是一个整体
  • 33
34 百度一下
35 HTML基础(一)——一般标签、常用标签和表格
文章图片


36 37 HTML基础(一)——一般标签、常用标签和表格
文章图片


38 39 HTML基础(一)——一般标签、常用标签和表格
文章图片
40 41 42
43 h1~h6标签,标题控制标签 44 若前后有其他,执行前后换行,并且空开一行,保证自身是一个整体 45 重要性依次递减
46 依附于现有的默认尺寸,进行增加或减小 47
div层标签,默认一上来就占用一整行
48 span层标签,默认使用多少就占用多少
49
50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67
汽车之家易车网新浪汽车
58同城赶集网京东安居客
天猫聚美优品唯品会
68
69 返回最顶端 70 71

View Code

运行结果:
HTML基础(一)——一般标签、常用标签和表格
文章图片

HTML基础(一)——一般标签、常用标签和表格
文章图片

HTML基础(一)——一般标签、常用标签和表格
文章图片

HTML基础(一)——一般标签、常用标签和表格
文章图片


转载于:https://www.cnblogs.com/H2921306656/p/5654635.html

    推荐阅读