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

相关推荐
Villiam_AY几秒前
Redis 缓存机制详解:原理、问题与最佳实践
开发语言·redis·后端
UQWRJ31 分钟前
菜鸟教程R语言一二章阅读笔记
开发语言·笔记·r语言
飛_32 分钟前
解决VSCode无法加载Json架构问题
java·服务器·前端
岁忧2 小时前
macOS配置 GO语言环境
开发语言·macos·golang
朝朝又沐沐3 小时前
算法竞赛阶段二-数据结构(36)数据结构双向链表模拟实现
开发语言·数据结构·c++·算法·链表
木棉软糖3 小时前
一个MySQL的数据表最多能够存多少的数据?
java
魔尔助理顾问3 小时前
系统整理Python的循环语句和常用方法
开发语言·后端·python
Ares-Wang3 小时前
JavaScript》》JS》 Var、Let、Const 大总结
开发语言·前端·javascript
程序视点4 小时前
Java BigDecimal详解:小数精确计算、使用方法与常见问题解决方案
java·后端
愿你天黑有灯下雨有伞4 小时前
Spring Boot SSE实战:SseEmitter实现多客户端事件广播与心跳保活
java·spring boot·spring