第一阶段——day02

h1-h6

p 段落

b strong

i em

u ins

s del

换行(文字)

---

align: left / right /center

width: npx;

color:blue;

  空格

  空格
©
¥
>
<

img

路径: 绝对 C:/a/1.jpg 网上url 相对: 从当前文件出发 1.html 1.jpg …/ ./

src="’’"

alt=“文字提示”

title =“描述框”

width:100px;

height:200px;

a

页面之间的跳转 href=“路径”

锚点: 页面之间的具体定位到某以部分

1:抛下去 id=“id名字” 不要以数字开头

2: 联系

target : 跳转方式 本页 _self 新页 _blank

day02

复合标签

列表系列

无序列表

<ul>  列表大盒子  unorder list 

    <li>数据项1</li>  其中一条数据  list 
    <li>数据项2</li>
    <li>数据项3</li>
    <li>数据项4</li>
    <li>数据项5</li>
</ul>

有序列表

 <!-- ol order list 
    type="a/A/I/i/1"
    start="6"  设置序号的起始数据  第6个开始
    -->
    <ol  type="i" start="6">
        <li>数据项1</li>
        <li>数据项1</li>
        <li>数据项1</li>
        <li>数据项1</li>
        <li>数据项1</li>
    </ol>

自定义列表

 <!-- 自定义列表   网页底部-->
    <dl>  define list 
        <dt>配送方式</dt>   列表标题  define title
        <dd>上门自提</dd>   列表数据  define data
        <dd>211限时达</dd>   
        <dd>211限时达</dd>
        <dd>211限时达</dd>
        <dd>211限时达</dd>
    </dl>

表格 table

名字 身高 腿 速度 饭量

小花狗 70cm 4 80mai 5斤

小a狗 70cm 4 80mai 5斤

小b狗 70cm 4 80mai 5斤

小c狗 70cm 4 80mai 5斤

小d狗 70cm 4 80mai 5斤

默认属性:(表格本身自带)

边框属性 border: 1;

设置内容与边框的距离: cellpadding=“0”

设置单元格与单元格的距离 cellspacing=“0” 合并边框线 —>双条—>粗线边框

宽度 : width: 300px;

高度: height:400px;

背景颜色 bgcolor: red;

表格对齐方式 align=“left / right /center”

th 文本居中 加粗 td默认文字左对齐

css表格属性 style = “属性1:属性值1; 属性2:属性值2”

border-collapse:collapse; 细线边框

text-align:center; 文本居中对齐

表格合并

跨行合并 rowspan = “合并行数”

1: 从上到下合并 把这个属性写到合并的起始行

2: 删除被合并那几行 删除的行数 = 合并的行数-1

跨列合并 colspan = "合并列数 " col 列

1: 从左到右合并 把这个属性写到合并的起始列

2: 删除被合并那几列 删除的列数 = 合并的列数-1

表单:收集用户信息

表单的大盒子 form

表单数据项 表单控件 input

css 样式语言

text-decoration: none; 文本修饰属性

属性值: none 没有 text-decoration: none; 去掉中划线

​ line-through 中划线

​ overline 上划线

​ underline 下划线

文本水平居中: text-align:center

文字垂直 line-height:盒子高

表格细线边框 border-collappse:collapse

不允许拖拽 resize:none

font-size: 字体大小

color 字体颜色

background-color:red;

width:100px;

height:100px;

线

​ overline 上划线

​ underline 下划线

文本水平居中: text-align:center

文字垂直 line-height:盒子高

表格细线边框 border-collappse:collapse

不允许拖拽 resize:none

font-size: 字体大小

color 字体颜色

background-color:red;

width:100px;

height:100px;