HTML
1.标题标签:h1-h6
2.段落标签:p
3.内联元素,行内元素:inline 排列在一行,宽度0;内容宽撑开宽度,默认有高度。不支持宽高调整。
4.块元素:block 独占一行 默认没有高度,高度内容高来撑开,支持宽高调整。
5.内联块元素:inline-block img:可以调整宽高,不独占一行
6.相对路径 绝对路径
7.超链接:a
Ⅰ跳转,交互:<a href="url?参数名=参数值&参数名=参数值"></a>
Ⅱ执行js代码段:<a href="javascript:js代码段"></a>
Ⅲ发送邮件:<a href="mailto:邮箱url"></a>
Ⅳ锚点链接:定义锚点: <a name="值"></a><a id="值"></a>定位锚点: <a href="#值"></a> <a href="url#值"></a>
8.有序列表:ul>li 无序列表 ol>li 自定义列表 dl>dd
9.emment: * > + [] {} . #
10.表格 table>tr>td
11.属性:
width:宽度
height:高度
border:边框
background:背景颜色
align:水平对齐
cellspacing:内间距
cellpadding:内边距
12.单元格合并:
colspan="number"(列合并)
rowspan="number"(跨行列合并)
13.
表单:
<form></form>
action:url地址
提交方式:
method:get | post
默认值:文本字符串
enctype="application/x-www-form-urlencoded"
*************************
表单出现了 file 浏览框(文件上传)
enctype="multipart/form-data"
post提交
表单控件、表单元素:
<input type="text|password|radio|checkbox|file|email|submit|reset|image...">
<select>
<option>...</option>
</select>
<textarea>
</textarea>
<button type="submit|reset|button"></button>
css
css :级联样式表、层叠样式表、样式表
css3.0
作用:修饰html元素;代替了html内置属性,
css样式属性具备通用性。
结构代码与表现层进行分离,
维护、二次开发更简单。
更有利于seo优化。
书写位置:
1、头部css样式(初学推荐)
<head>
<style>
选择器{
css样式属性;
}
</style>
</head>
2、外链css样式(开发标准)
新建 .css
<link rel = "stylesheet" href="url" />
3、内联样式、行内样式(调试样式)
<标签 style="css样式"></标签>
语法:
*****选择器是核心******
选择器:帮助获取要修饰html元素
提供四个基本选择器:
统配选择器:匹配页面的所有元素
* {
color:red;
}
标记选择器:
标签名 {
}
a {
}
p{
}
类选择器{
}
id选择器{
}