Html和CSS样式常用代码

    选择打赏方式

color=""颜色

face=""字体

Size="" 大小

<b></b>加粗

<strong></strong>加粗 加强语气作用

<i></i>倾斜

<em></em>倾斜  加强语气作用

<font></font> 大小.字体.加粗.颜色.所有标签属性

<!---->注释

<title></title>标题

<head></head>头部

<body></body>身体部分

<html></html>整站开头与结尾

Html分单标签和双标签,双标签必须以</xxx>结束  单标签以<xx>开头与结束

<u></u>下划线

<ins></ins>下划线+强调你插入的是一个文本,一般用于符号

<sup></sup>上标

<sub></sub>下标

<p></p>分段

align="center" 居中

Align 取值 left center right

<h1></h1> 标题1

<h2></h2> 标题2

<h6></h6> 标题6

标题的属性

Align 取值 left center right

<pre></pre>预定义标签,保留原有的空格和换行!

<div></div> DIV是网站上使用最常见的标签之一,本身没有任何意义,自己独占一行,起到划分网页结构的作用,结合css样式一起使用,构成相应的效果!

div功能:块标签

<span></span>本身没有任何含义,但是也是网站目前使用最多标签之一,必须结合css样式一起使用构成功能!  它与div区别就是他不配合css样式使用可以独占一行,span不配合css使用没有任何作用,相当于没加!

span功能:行内标签

块标签:输入完标签之后自己独占一行。

那些属于块标签 <h1><h1>..<h6></h6> <p></p>  <div></div>

行内标签:输入完标签之后,不是自己独占一行

那些属于行内标签:<em><span><i><u>

段落标签:<p></p>一段

图片标签(单标签,行内标签)

图片的语法:<img 属性名="属性值"/>

图片的属性

1.图片的路径:src="图片的地址"(图片要放到同一个站点下,放同一个文夹下)

src前面必须有<img

2.图片宽度 width="数值" 以像素为单位的 px 不写单位 例如 width=“300”

3.图片高度 height=“数值” 以像素为单位 例如 height=“200”

4.图片的边框 border=“数值” 

5.图片的解释说明 alt=“对图片的描述内容” 对图片推广优化

6.图片和内容左右之间的距离 hspace=“数值”
 
7.图片和内容上下之间的距离 vspace=“数值”(了解,css样式实现)

注意:图片等比例缩放,只设置宽度或高度

表格:<table></table>

行用:<tr></tr>

单元格:<td></td>

内容放在最底层的<td>标签里。

内容案例:<td>&nbsp</td> 没用内容用&撑起来

通常表格<table></table>包括行 <tr></tr>行里面包括单元格<rd></td>

注意:内容一定要放入最底层的标签里面!

表格:<tr></tr> 就相当于父亲辈 <table></table>就相当于爷爷辈 <td></td>儿子辈

主要是由爷爷辈把父亲包裹,父亲把儿子包裹在里面,爷爷辈只需开始和结束就行,无需跟父亲辈一样! 父亲辈必须根据儿子辈弄,假如儿子辈有三个<td></td> 那td的外面必须有tr包裹!

表格属性<table>的属性

表格的边框border=“数值”默认是0

td里没有内容必须用:&nbsp;   撑起来!

表格的宽度 width=“数值”

表格的高度 height="数值" (W3c不建议使用高度)

表格居中:allign=“水平对齐方式” 取值left right center

表格中的内容和单元格之间的距离用 cellpadding=“数值”默认数值是2像素

表格中的单元格和单元格之间的距离 cellspacing=“数值”默认数值是2像素


CSS样式(cascading style sheet)成叠样式表

Body a .box{ } 这种是属于成叠关系

css 的目的:给html加各种各样的样式----html结构和css样式样式分离--便于维护和更新


Css语法:选择器{属性名:属性值;属性名:属性值;  }

说明:一个css 样式包括选择器和格式声明语句

选择器就是给哪个html标签加样式

格式声明语句包括属性名:属性值;

格式声明语句要用{ }

属性名,w3c已经定义好了! 想用的时候直接使用

属性值不用双引号

属性值的有单位是以像素为单位 px 为单位,通常的情况下必须带单位





版权声明:若无特殊注明,本文皆为《 七彩网络 》原创,转载请保留文章出处。
本文链接:Html和CSS样式常用代码 http://www.521mz.cn/?post=2132
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗 胜利 不高兴 阴险 乖 酷 滑稽

评论信息框

吃奶的力气提交吐槽中...


既然没有吐槽,那就赶紧抢沙发吧!