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>
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;在不同场景下生效条件如下:
它是CSS样式的标记。
type->类型,这里是style的属性
text/css->文本/css,即css文本
type="text/css"表示的是浏览器的解释方式,如果不定义的话,有些CSS效果浏览器解释得不一样。
<styletype="text/css"></style>
HTML内部样式表,位于<head>与
</head>之间