HTML/CSS使用

一、 HTML

1、 HTML:它是一种超文本标记语言,是一个统一的世界语言

2、 HTML是一个标记语言,标记大多数都是成对出现的,不区分大小写,是一个弱语法规则语言

3、 HTML的基本结构

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<meta/>是处理中文和关键字的

<title>文档标题</title>

<base>是处理路径的

<link>引用CSSJS,相当于java中的import

</head>

<body>

</body>

</html>

4、 如何处理文字

①<font color=”” size=””…>待处理文字</font>(属于自定义文字格式)

<hn>待处理文字</hn>(其中n是从16的整数)

<body text=”color”></body> (统一设置body体内所有字体的颜色)

④逻辑字体:<b>加粗、<i>斜体、<u>下划线

⑤闪烁字体<blink>文字</blink>,只能在火狐2.0以上的版本运行

5、 换行:方法①<br> ②<p>

产生一个空格: (注意;不能丢)

   产生一条分割线:<hr color=””  ……>

   如何处理中文:<meta http-equiv=”Content-Type” content=”text/css;charset=gbk ”/>

6、超链接(link表示当前链接颜色,alink表示正在双击的颜色,vlink表示点击过后的颜色)

   ①外部链接:<a href=”url”>链接文字</a>(url是链接方的路径)

   ②内部链接:步骤一:建立标签:<a name=”书签名”>链接文字</a>;

   步骤二:通过<a href=”#书签名字”>文字</a>

   ③邮件链接:<a href=”mailto:收件人邮件地址”>发送邮件</a>来调用

7、表格:

①基本形式:

    <table>

        <tr>(行,在java中称为对象,在数据库中称为实体)

<td>(列,在java中表示对象属性)

</td>(其中<th></th><td></td>作用相似,只是表示加黑加粗)

        </tr>

</table>

②有通栏的表格:横向:colspan=”#”;纵向:rowspan=”#”;(#代表数字)

③表格的大小:widthheight;表格的边框:border=“”;边框的间距:cellspacing=”#” 文本这之间的间距:cellpadding=”#”;

④表格中内容的位置:水平位置:align,值有leftcenterright

   垂直位置:valign,值有top,middle,bottom

⑤表格颜色:<table bgcolor=”red”></tabletr里边设置行,td里边设置列

8、简单的位置设置

   ①居中设置:<center>内容</center>

②居左设置:<left>内容</left>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章