day1-web前端基础

一、基本结构



    
        
    
    
        
    

  • 标签:单标签、双标签

单标签:<标签名 属性=属性值 属性=属性值/>
双标签:<标签名 属性=属性值 属性=属性值>

注意:属性和标签名之间用空格隔开,多个属性之间同样用空格隔开
  • 标签内容:开始标签和结束标签之间的内容




二、常用标签

1.文本标签
  • 标题标签:

    -----
  • 段落标签:

  • 空格: ;
  • 换行标签:
  • 超链接:
  • 文字加粗: 或者 (有强调效果 推荐使用)
  • 文字倾斜: 或者 (有强调效果 推荐使用)
  • 水平线:


2.列表标签
  • 有序列表
  1. 语文
  2. 数学
  3. 英语
  • 无序列表
  • 成都
  • 重庆
  • 北京
  • 自定义列表
省份:
四川
安徽
湖南


3.表格标签
  • 基本机构
  • 说明:
    table -- 标签代表这个表格
    tr -- 代表的是一行
    td -- 代表的是列(一个td对应一个单元格)

属性:

a. table属性

1.border:设置整个表格中边框的宽度
2.width:设置整个表格的宽度
3.heigt:设置整个表格的高度(每一行的高度是一样的)
4.align:center -- 让整个表在其父标签中居中
5.bgcolor: 背景颜色
6.cellpadding="100": 设置内容和单元格之间的间距(了解)
7.cellspacing: 设置 单元格和单元格之间的间隙

b.tr属性

1.height: 设置单独的某一行的高度
2.align:center -- 让当前行里面的所有的单元格中的内容居中
3.bgcolor: 背景颜色

c.td属性

1.width: 设置某一列的宽度
2.align:center -- 让某一个单元格中的内容居中
3.bgcolor: 背景颜色





易竹小居士.jpg

你可能感兴趣的:(day1-web前端基础)