HTML基本操作

一、基础标签
标题标签:h1~h6依次变小
段落标签:p
字体标签:
水平分隔线:hr
换行标签:br
加粗、斜体、下划线:b、i、u
居中标签:center

**二、基础标签**
标题标签:h1~h6依次变小
段落标签:p
字体标签:<font color="" size="">...</font>
水平分隔线:hr
换行标签:br
加粗、斜体、下划线:b、i、u
居中标签:center

三、超链接标签
黑马程序员

四、列表标签
有序列表


  1. 牛奶

  2. 红茶

  3. 绿茶

无序列表
  • 牛奶
  • 红茶
  • 绿茶

五、表格标签

表头表头表头表头 数据数据数据数据 tr属性:align="center",当前行内容居中 td属性: rowspan:规定单元格可横跨的行数 colspan:规定单元格可横跨的列数

六、表格标签

表头表头表头表头 数据数据数据数据 tr属性:align="center",当前行内容居中 td属性: rowspan:规定单元格可横跨的行数 colspan:规定单元格可横跨的列数

七、布局标签
div:块级标签,默认自动换行
span:行级标签,内容有多大就占多大空间

八、(重点)表单标签
在这里插入图片描述

九、CSS引入方式
第一种:内联样式:在html标签的style属性中定义css样式。

Hello CSS
第二种:内部样式:在html页面的head标签中,定义一组style标签,在style标签中定义css样式。 第三种:外部样式:①、定义css文件(demo.css)。②、在html页面使用link标签引入css样式

十、CSS选择器
元素选择器:将标签的名称作为选择器的名称。
在这里插入图片描述

id选择器:①、给标签定义id属性(唯一)。②、将#id属性值作为选择器的名称

在这里插入图片描述

类选择器:①、给标签定义class属性。②、将.class属性值作为选择器的名称

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值