HTML实战

HTML实战

标题

  • 标题排版

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来引入

span 行内标签进行包裹

CSS选择器:

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

优先级: id > 类 > 元素

  • 超链接

正文

视频、音频


css

首行缩进 text-indent : 50px

行高 line-height : 50px

整体布局

盒子模型

padding:内边距

border:边框区域

margin:外边距区域

div和span标签

  • div标签
  • span标签

表格标签

表单标签


表单项

input

select和textarea

相关推荐
程序员JerrySUN1 小时前
驱动开发硬核特训 · Day 22(下篇): # 深入理解 Power-domain 框架:概念、功能与完整代码剖析
linux·开发语言·驱动开发·嵌入式硬件
_一条咸鱼_2 小时前
揭秘 Android TextInputLayout:从源码深度剖析其使用原理
android·java·面试
_一条咸鱼_2 小时前
揭秘!Android VideoView 使用原理大起底
android·java·面试
_一条咸鱼_2 小时前
深度揭秘!Android TextView 使用原理全解析
android·java·面试
游离状态的猫12 小时前
JavaScript性能优化实战:从瓶颈定位到极致提速
开发语言·javascript·性能优化
GeekABC2 小时前
FastAPI系列06:FastAPI响应(Response)
开发语言·python·fastapi·web
小彭努力中2 小时前
7.Three.js 中 CubeCamera详解与实战示例
开发语言·前端·javascript·vue.js·ecmascript
_一条咸鱼_2 小时前
深度剖析:Android Canvas 使用原理全揭秘
android·java·面试