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>之间

 
12-16 08:22