HTML实战

HTML实战

标题

  • 标题排版

image.png

img标签路径书写的两种方式:

  1. 绝对路径

    1. 绝对磁盘路径:C:\User…
    2. 绝对网络路径:https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png
  2. 相对路径

./ : 当前目录
../ : 上一级目录

宽度和高度
设置一个宽度,高度会等比例缩放
单位:px 或者 %

  • 标题样式

使用css来控制样式

  • 行内样式:对一个标题生效
  • 内嵌样式:写在style标签中,通常写在head标签中
  • 外联样式:写在一个单独的css文件中,通过link来引入

image.png

span 行内标签进行包裹

CSS选择器:

  1. 元素选择器 h1 a span
  2. id选择器
    image.png

image.png

  1. 类选择器
    image.png

优先级: id > 类 > 元素

  • 超链接
    image.png
    image.png

正文

视频、音频

image.png
image.png

css

首行缩进 text-indent : 50px
行高 line-height : 50px

整体布局

盒子模型

image.png

padding:内边距
border:边框区域
margin:外边距区域

div和span标签

  • div标签
    image.png
  • span标签

image.png

表格标签

image.png

表单标签

image.png
image.png

表单项

input
image.png

select和textarea
image.png

  • 7
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值