用html+css写京东静态页面

本文介绍了使用HTML和CSS技术制作京东静态页面的过程,重点讲解了HTML中头部标签的应用,包括设置网页标题和元信息等内容,为实现电商网站的前端展示打下基础。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一·HTML的常用标签
1.头部标签
(1)【title标签】
网页的标题: 京东(<a href="http://JD.COM">JD.COM</a>)-正品低价、品质保障、配送及时、轻松购物!
(2)【link标签】
作用是网页链接各种文件:
常用属性:
a. rel:链接文件和当前文件的关系
b.herf:链接文件的地址
c.被链接图片是当前网页的icon图标
2.行级元素:不会换行
(1)【img 图片标签】
(2)【a 超链接】
(3)【span 文本】
(4)【i】
(5)【a 超链接】
(6)【br换行】
(7)【input文本框】
3.块级元素:独占一行,可以容纳行内元素和其它元素, 块级元素可以设置width,height属性,行内元素设置width,height无效
(1)【div】
用于网络页的布局
(2)a.有序列表【ol】
b.无序列表【ul】
(3)标题标签【hr】
(4)【p】段落
(5)【table】表格
(6)【form】表单

二.css属性

color设置字体颜色

background-color设置背景颜色

font-size设置字体大小

width设置宽度

height设置高度

line-hight设置行高

text-align:center 设置文本居中

text-decoration去下划线

border-width设置边框宽度

border-color边框颜色

margin:2px设置外边距上下左右均为2px

padding:2px设置内边距上下左右均为2px

margin:0 padding:0设置内外边距为0

float:right/left向右浮动

display:none隐藏

display:block

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值