2018-10-29 第二阶段 day1 html标签

1.html说明

说明html版本
html5--







百度



2.html标签

标签==标记
1.标签语法
双标签(常规标签)<标签名 属性值1:属性值1 属性名2:属性值2....>标签内容
单标签:<标签名 属性值1:属性值1 属性名2:属性值2..../>或者<标签名 属性值1:属性值1 属性名2:属性值2....>
说明:
标签名->是html中已有的标签,不能自己随便命名,标签名和<以及标签名和/之间不能有空隙>
属性-属性和属性值之间用:连接,多个属性之间用空格隔开,所有的属性没有位置要求
标签内容-在开始标签和结束标签之间,标签的内容可以是任意的(可以是文本也可以是其他标签)
2.head标签中的内容
head中的标签有:title,mate,base,link,style,script
title:设置网页标题
mate:设置网页元数据(单标签)
3.body
body中标签主要用来在网页的内容中添加显示信息的





html标签




3.文本标签

1.标题标签






文本标签


1.标题标签
h1-h6
h1-大标题
h2-副标题
h3-副标题下的副标题

     

我是标题1

我是标题2

我是标题3

我是标题4

我是标题5
我是标题6
2.段落标签:p 一个段落使用一个p标签,每个p标签中的内容显示完成后会自动换行

3.特殊功能的标签和符号 html中文本中的换行,空格,tab等都是无效的(空白无效) 换行:
空格:  

    床前明月光,
疑是地上霜,
举头望明月,
低头思故乡。

4.字体相关的标签 加粗:b标签/strong标签 b标签只是单纯的文字效果加粗,strong标签有强调的意思 倾斜:i标签/em标签 i标签只是单纯等等文字效果倾斜,em标签有强调的意思 水平线:



床前月光
疑是上霜
举头望明月,
低头思故乡

4.列表标签

1.有序列表
ol标签:代表整个列表
li标签:代表列表中的元素

    -->
    
  1. 基础语法
  2. web前端
  3. web后端
  4. 数据和人工智能
  5. 项目
  • python人工智能
  • HTML5
  • Java大数据
  • 自动化测试
python教学部
余婷
骆昊
王海飞
h5教学部
王老师
张老师
李老师

5.图片和超链接









    a.src属性 - 图片地址(可以本地图片路径也可以是网络图片的url)
    本地图片:地址可以是绝对路径也可以是相对路径。一般将图片放在img文件夹中,然后写相对路径
    
    b.title - 设置图片标题(鼠标停留在图片上,显示的内容)
    c.alt - 设置图片加载失败的提示信息
    -->
    
    加载失败
    
    
    

第二张

第三张

第4张

第5张

第6张

第7张

第8张

2.超链接标签: a标签 a. 内容 - 文字/图片 --> hao123 列表标签 刷新 回到顶部 第二张 第四张 百度一下

6.数据表格





表格


1.表格标签
table标签 - 整个表格
tr - 行
td - 单元格

    2.边框相关的属性
    border - 边框的宽度
    bordercolor - 设置边框颜色(颜色值可以是英语单词 - red,也可以RGB对应的16进制值 - #ff0000)
    cellspacing - 单元格和单元格之间的间隙
    cellpadding - 设置内容和单元格边框之间的间距
    
    3.背景颜色
    bgcolor - 背景颜色
    
    a.作为table属性 - 设置整个表格的背景颜色
    b.作为tr属性 - 设置一行的背景颜色
    c.作为td属性 - 设置某一个单元格的背景颜色
    -->
    
First Name Last Name Points
Jill Smith 50
Eve Jackson 94

姓名姓名 年龄 性别

5.对齐方式 align - center(居中)/left(左对齐)/right(右对齐) a.作用于table, 让整个表格在其父标签中居中/左对齐/右对齐 b.作用于tr, 让整行中每个单元格中的内容在其单元格中居中/左对齐/右对齐 c.作用于td, 让指定的单元格中的内容居中/左对齐/右对齐 -->
姓名姓名 年龄 性别
小明 18

7.复杂表格






复杂表格

    
    

你可能感兴趣的:(2018-10-29 第二阶段 day1 html标签)