作百度首页时候，除了要用到p进行分块，还需要对快的位置进行控制，一般有

对p进行规范大小宽度、高度分别对应宽度高度

边距：有对p进行定位有上边距，左边距，右边距，右边距

向左浮动：吧p元素进行从左到右排列

了解这些简单的操作之后，就可以自己动手做出一个简单百度页面了，例如：

20181020125908318.png

上面的页面超文本标记语言代码如下：

超文本标记语言

头

标题百度一下，你就知道/title

链接href='百度。ico ' rel=' short角质层type='ico图标路径'/

风格。p_head{

宽度：;

高度：150像素

页边距-顶部：0像素；

}。p_mid{

宽度：;

高度：130px

页边距-顶部：0像素；

}。p_body{

宽度：;

高度：200像素

页边距-顶部：0像素；

}。p_base{

宽度：;

高度：60像素

float:left

页边距-顶部：0像素；

}。基于p的{

宽度：;

高度：;

float:left

页边距-顶部：0像素；

}。p_head1{

宽度宽度：540像素

高度：24px

右侧浮动：

页边距-顶部：25像素；

}。p_head2{

宽度：50 px

高度：24px

float:left

线高：24 px

文本对齐：中心；

}。p_mid1{

宽度宽度：270像素

高度：130px

float:left

左边距：39%;

}。p_body1{

宽度宽度：600像素

高度：36像素

背景色： # 999;

float:left

左边距：32%;

}。p_base1{

宽度：60 px

高度：60像素

余量：0自动

float:left

利润率更高：5%;

}

/style

/head

bodystyle='margin:0auto '

pclass='p_head '

pclass='p_head1 '

pclass=' p _ head2 ' fontsize=' 1 ' ins新闻/ins/font/p

p class=' p _ head 2 ' font size=' 1 ' in Shao 123/ins/font/ins/p

pclass=' p _ head2 ' fontsize=' 1 ' ins地图/ins/font/p

pclass=' p _ head2 ' fontsize=' 1 ' ins资源/ins/font/p

pclass=' p _ head2 ' fontsize=' 1 ' ins视频/ins/font/p

pclass=' p _ head2 ' fontsize=' 1 ' ins贴吧/ins/font/p

pclass=' p _ head2 ' fontsize=' 1 ' ins学术/ins/font/p

pclass=' p _ head2 ' fontsize=' 1 ' ins登录/ins/font/p

pclass=' p _ head2 ' fontsize=' 1 ' ins设置/ins/font/p

p class=' p _ head 2 ' style=' width :70 px；背景-color : # 38f ' font size=' 1 ' color=' white '更多产品/font/p

/p

/p

pclass='p_mid '

pclass='p_mid1 '

ahref='https://www.baidu.com/s？wd=网络表情符号诞生sa=ire _ dl _ GH _ logorsv _ dl=igh _ logo _ PcS ' target=' _ blank '

imgheight=130 width=270 src=' https://www .百度。com/img/BD _ logo 1。巴布亚新几内亚？其中=super'title='百度一下你就知道'/

/a

/p

/p

pclass='p_body '

pclass='p_body1 '

form action=' https://www .百度。' com/s '方法=' get '

input style=' width :500 px ' height :36 px ' type=' text '/input id=' gender ' name=' gender ' type=' submit ' value='百度一下style=' width :100 pxheart :36 px '/

/form

/p

/p

pclass='p_base '

p class=' p _ base 1 ' style=' margin-left :48%；'

img heght=60宽度=60s RC=' https://ss1。BD静态。com/5en 1 bjq 8 aauymizgoy3k/r/www/cache/static/protocol/https/home/img/QR code/zbi OS _ efde 696。png ' title='我是一个二维码'/

/p

/p

/body

/html

本文转载自中文网