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

相关推荐
小小鸭程序员7 分钟前
Vue组件化开发深度解析:Element UI与Ant Design Vue对比实践
java·vue.js·spring·ui·elementui
꧁坚持很酷꧂7 分钟前
Qt实现点击按钮弹出侧边框(可用于登录界面)
开发语言·qt
No0d1es13 分钟前
CCF GESP C++编程 五级认证真题 2025年3月
开发语言·c++·青少年编程·gesp·ccf·五级·2025年3月
独好紫罗兰21 分钟前
洛谷题单3-P1217 [USACO1.5] 回文质数 Prime Palindromes-python-流程图重构
开发语言·python·算法
独好紫罗兰27 分钟前
洛谷题单2-P1424 小鱼的航程(改进版)-python-流程图重构
开发语言·python·算法
拉不动的猪29 分钟前
vue自定义指令的几个注意点
前端·javascript·vue.js
yanyu-yaya31 分钟前
react redux的学习,单个reducer
前端·javascript·react.js
南宫生41 分钟前
Java迭代器【设计模式之迭代器模式】
java·学习·设计模式·kotlin·迭代器模式
seabirdssss1 小时前
通过动态获取项目的上下文路径来确保请求的 URL 兼容两种启动方式(IDEA 启动和 Tomcat 部署)下都能正确解析
java·okhttp·tomcat·intellij-idea
加瓦点灯1 小时前
观察者模式:解耦对象间的依赖关系
开发语言·javascript·观察者模式