做网站建设的联系电话,做网站图片处理问题,html网站怎么做的,昆明搭建微信网站哪家最优惠目标图片#xff1a; 文字素材#xff1a; 网页设计语言基础练习案例 ——几个从语义上和文字相关的标签 * h标签#xff08;h1~h6#xff09;#xff1a;用来定义网页的标题#xff0c;成对出现。 * p标签#xff1a;用来设置网页的段落#xff0c;成对出现。 * b…目标图片 文字素材 网页设计语言基础练习案例 ——几个从语义上和文字相关的标签 * h标签h1~h6用来定义网页的标题成对出现。 * p标签用来设置网页的段落成对出现。 * br标签换行符单独出现。 * 列表标签成对、成组出现。 o 无序列表ul 和 列表项li o 有序列表ol 和 列表项li o 定义列表dl 和 定义术语dt 和 定义描述dd * span标签无意义标签成对出现
h标签(h1~h6) h是header的首字母缩写后面的数字表示标题的级别。 默认自带效果加粗自带间距且独立成行。
p标签 p是paragraph的首字母缩写用来设置段落文本。 默认自带效果段间距且独立成行。
br标签 换行符只回一行行间距较小时可以使用且不够精确。 默认自带效果换行。
列表标签 无序列表默认列表符为实心圆点有左填充嵌套子列表的列表符会发生变化。 有序列表默认列表符为阿拉伯数字有左填充。 定义列表没有列表符dl后面要跟着dt和dd一个dt可以和多个dd搭配其 中dd默认带左间距 列表元素是块级元素能独立成行一般不单独使用因为单独的元素不能表 达完整的语义且有可能在样式的呈现上回出现意想不到的问题。 列表元素能够实现网页当中的结构化信息如需要排列显示的导航菜单、新闻 信息等。
span标签 span无实际意义没有固定样式是行级元素 一般作为部分文本定义特殊样式时使用完善排版。
图片素材 Dreamweave-html运行代码
head
meta http-equivContent-Type contenttext/html; charsetutf-8 /
title无标题文档/title
/headbody
h1
h1 aligncenter
网页设计语言基础练习案例/h1
hr below styleborder:3px dashed #FFCC00;
h3
h3 aligncenter
——几个从语义上和文字相关的标签/h3ul
li styledisc;
img srcpractice3.jpgstylefloat:right;margin-right:130px; width91 height135 /
b stylecolor:red;h标签h1~h6/b用来定义网页的标题成对出现。/li
lib stylecolor:red;p标签:/b用来设置网页的段落成对出现。/li
lib stylecolor:red;br标签:/b换行符、单独出现。/li
lib stylecolor:red;列表标签:/b成对、成组。/li
lib stylecolor:red;span标签:/b无意义标签成对出现。/li
/ul
div
div aligncenter
div styleborder:1px dashed #000;width:500px;height:80px;
div styletext-align:left;width:480px;height:70px;background-color:#FC9;color:black;font-size:16px;padding-left:20px;padding-top:10px;
li无序列表ul 和 列表项li/li
li有序列表ol 和 列表项li/li
li定义列表dl 和 定义术语dt 和 定义描述dd/li
ul/divdldiv
div styleborder:1px solid #000;width:500px;height:90px;border-radius:20px;
dl styletext-align:left;width:470px;color:black;font-size:16px;
dth标签(h1~h6)/dt
ddh是header的首字母缩写后面的数字表示标题的级别。/dd
dd默认自带效果加粗自带间距且独立成行。/dd
/div/dl
dldiv
div styleborder:1px solid #000;width:500px;height:90px;border-radius:20px;
dl styletext-align:left;width:470px;color:black;font-size:16px;
dtp标签/dt
ddp是paragraph的首字母缩写用来设置段落文本。/dd
dd默认自带效果段间距且独立成行。/dd
/div/dl
dldiv
div styleborder:1px solid #000;width:500px;height:90px;border-radius:20px;
dl styletext-align:left;width:470px;color:black;font-size:16px;
dtbr标签/dt
dd换行符只回一行行间距较小时可以使用且不够精确。/dd
dd默认自带效段:换行。/dd
/div/dldiv styleborder:1px solid #000;width:500px;height:220px;border-radius:20px;
dl styletext-align:left;width:470px;color:black;font-size:16px;
dt列表标签/dt
dd无序列表默认列表符为实心圆点有左填充嵌套子列表的列表符会发生变化。/dd
dd有序列表默认列表符为阿拉伯数字有左填充。/dd
dd定义列表没有列表符dl后面要跟着dt和dd一个dt可以和多个dd搭配其中dd默认带左间距。/dd
dd列表元素是块级元素能独立成行一般不单独使用因为单独的元素不能表达完整的语义且有可能在样式的呈现上回出现意想不到的问题。/dd
dd列表元素能够实现网页当中的结构化信息如需要排列显示的导航菜单、新闻信息等。/dd
/div/dldl styleborder:1px solid #000;width:500px;height:90px;border-radius:20px;
dl styletext-align:left;width:470px;color:black;font-size:16px;
dtspan标签/dt
ddspan无实际意义没有固定样式是行级元素。/dd
dd一般作为部分文本定义特殊样式时使用完善排版。/dd
/div/dl/body
/htmlEdge浏览器运行截图 Goole浏览器运行截图
