html、css(javaweb第一天)

[复制链接]
发表于 2025-6-21 16:12:59 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
HTML:
文字、图片、视频组成
由标签组成的语言
  1. 行内标签span//无语意
  2. <img src="url">//图片
  3. <a herf="url" target="是否开新页面">点击谁</a>//超链接
  4. <video src="url" controls></video>//controls播放控件
  5. <audio src="url" controls></audio>
  6. <br>//换行
  7. <b></b>//加粗
  8. <strong></strong>//加粗并强调
  9. &nbsp//空格
  10. <table border="" width="" cellspacing=""></table>
  11. //表格border边框宽度width表格宽度cellspacing单元格之间空间
  12. <tr></tr>//行
  13. <td></td>//一个单元格
  14. <th></th>//表头单元格
  15. <form></form>//表单
  16. action:数据接收者url
  17. method:发送表单的方式
  18. get(默认选项):在url后面添加数据,有大小限制
  19. post:在请求体中、参数无大小限制
  20. <input>//输入框
  21. <select></select>//选择下拉列表
  22. <textarea></textarea>//定义文本区域
复制代码
感觉文字用标签很大用处是为了实现样式
CSS:网页样式
行内样式:
格式:
  1. <h1 style="xxx:xxx;xxx:xxx">hello</h1>
复制代码
内嵌样式:
在任何位置,通常约定在head标签内
  1. <style>
  2. h1{
  3.         xxx:xxx;
  4.         xxx:xxx;
  5. }
  6. <style>
复制代码
外联样式:
直接界说在.css文件中
使用:
  1. <link rel="stylesheet" href="css文件路径">
复制代码
选择器:
元素选择器 :标签
id选择器:#id值
类选择器:.class属性值(可重复)
优先级:id>class>标签
整体布局:盒子模型
组成:
内容地区:content
内边距地区:Padding
边框地区:border
外边距地区:margin
通过:
div、span实现
都是无语意标签
div特点:
默认占一行
宽度为父元素宽度、高度由内容决定
可以设置宽高
span特点:
一行显示多个
高度、宽度由内容决定
不可设置宽高

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
继续阅读请点击广告
回复

使用道具 举报

© 2001-2025 Discuz! Team. Powered by Discuz! X3.5

GMT+8, 2025-7-4 18:51 , Processed in 0.088713 second(s), 30 queries 手机版|qidao123.com技术社区-IT企服评测▪应用市场 ( 浙ICP备20004199 )|网站地图

快速回复 返回顶部 返回列表