HTML学习笔记
1) 结构标签<html>;<body>;<head>;<title><title>——标题
2) 防乱码标签<metacharset=”UTF-8″>
3) 标题标签<h1>——<h6>
4) 段落标签<p>
5) 下划线<u>
6) 删除标签<s>
7) 列表标签无序列表<ul>有序列表<ol>
8) 表格标签内容
9) <table>表格标签
10）<border>表格线标签
n 1线框solid-实线dotted-点线dashed-短横线doubt-双线
n 2边框颜色
n 3边框宽度
n <align>在网页中位置标签
n <width>宽度
n <height>高度
n <cellpadding>单元格间距
n <cellspacing>表格线间
n <tr>行
n <td>列
n <th>__表格里标题标签—有加粗，和居中效果可充当<td>
插入图片
colspan=”5″是合并五列的意思，表示这个单元格要占五列
rowspan=”3″是合并三行的意思，表示这个单元格要占三行
<imgsrc=”图片名称”/>
<tr><tdrowspan=””>合并单元格——行
<tr><tdcolspan=””>合并单元格——列
p{color:;
width:____段落长度
text-indent：首行缩进大小
font-size：字体大小
text-decoration：underline;-段落下划线
line-height:行高
text-align文本对齐方式centerorleft、reight
html表单标签：
<inputtype=”text”/><inputtype=”button”value=”我是按钮”/>
搜索框
Value后加标签名称
Button按钮
Type=”text”—文本框
鼠标属性：手型cursor:pointer;
CSS知识点
内部样式表
<styletype=”text/css”></style>[王1]
body{
color:color前可加下面的文字前标签名来确定颜色
font-size:________字体大小列入
h1{color:””;
}
类选择器<h1class=”小的类名”>
font-family:”字体”
font-weight：bold；粗细
font-style：italic；倾斜
margin=0auto
overflow：hidden？
*{margin=0
Padding=0}
position=absolute——绝对定位在浏览器中右上角为（0,0）lefttop
position=relative——相对定位相对于之前的位置做出移动，以图形本来位置的右上
角为（0,0）
——————在上一级中相对定位可以，可以改变下一级的绝对定位的原点
}
外部样式表标签style.css—外部表格
<linkhref=”style.css”rel=”stylesheet”type=”text/css”>
行内元素：加粗，倾斜
块级元素(可设置宽高)：标题标签，块级标签
一、块级标签
1.独占一行，不和其他元素待在同一行给定要居中的块级元素的宽度。块级标签居中的不同方式margin0auto
2.能设置宽高
常见的块级标签：div,p,h1-h6,ul,li,dl,dt,dd
代码：<p>我们是p标签</p>
<p>我们是p标签</p>
<p>我们是p标签</p>
在浏览器打开显示。
二、行级标签
1.能和其他元素待在同一行
2.不能设置宽高①设置display:block；②给定要居中的行内元素的宽度。（行内元素设置成块级元素后可以对其宽高进行设置）行内元素text-align文本方式对齐
常见的行级标签：a，span,strong,u,em–>
代码：<ahref=””>hello</a>
<ahref=””>hello</a>
<ahref=””>hello</a>
三、行内块标签
1.能和其他元素待在一行
2能设置宽高：设置display:block。（如input、button、img等元素，自带宽度可以不用设置其宽度）
常见的行内块标签：img,input,textarea
代码：<imgsrc=”meinv.jpg”/>
<imgsrc=”liang.jpg”/>
overlow：hidden；div达不到你想要的结果
margin:0auto；在不同场景下生效条件如下：