HTML1网页三部份内容

网页三部份内容:HTML CSS Javascript

路径:一般做网页的时候用的相对路径。

images/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找aaa.jpg

images/1000/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找1000文件夹,再在1000文件夹中找aaa.jpg

../images/aaa.jpg 找网页上一级文件,在网页上一级文件夹中找images文件夹,在images文件夹中找aaa.jpg

../../images/aaa.jpg 找网页上两级文件,在网页上两级文件夹中找images文件夹,在images文件夹中找aaa.jpg

一、body:

bgcolor

background

topmargin

rightmargin

bottommargin

leftmargin

body以上的属性仅做了解。

二、标签:

(一)基本标签:

1.格式控制:

<font face="字体名称" color="颜色" size="大小"></font> 字体

<b></b>加粗 <strong></strong>

<i></i>倾斜 <em></em>

<u></u>下划线

<br>

<pre></pre> <center></center>

转义:——需要记住

——空格

<——小于号 <

>——大于号 >

&——&

© ——©

2.内容容器:

<h1></h1> ...<h6></h6>  ——标题。默认情况下,加粗,独立一行

<p></p> ——段落。独立一段,默认情况下,段落前后都会有一行大小的空白。

<div></div>——区域标签,层标签。用来划分网页区域,进行页布局。前后换行。

<span></span>——区域标签,层标签。前后不换行。

<ul></ul>——无序列表标签。

<ol></ol>——有序列表标签。

<li></li>——列表项标签,用来放在ol或ul里面的。

(二)常用标签:

1. 超链接

<a href="超链接的路径" target="_blank">超链接显示的内容</a>

书签:

第一步:定义书签 <a name="书签名">内容</a>

第二步:定义超链接 <a href="页面名#书签名">超链接文字</a>

2.图片

<img src="路径(相对)" width="" height="" alt=""/>

3.图片超链接

<a href="超链接的路径"> <img src="图片路径"/> </a>

(三)表格:

<table></table>

bgcolor:背景色。

align:表格在页面中的对齐方式。

width:宽  像素,百分比。

border:边框宽度

cellpadding:边距

cellspacing:间距

<tr></tr>

bgcolor:背景色

align:这一行中的文字的对齐方式

height:高度,一般是像素,也可设百分比。

<td></td>

bgcolor:背景色

align:水平对齐

valign:竖直对齐

width:宽

height:高

colspan:列的跨度。

rowspan:行的跨度。

注意:合并单元格的时候,一定要算好格好。

(四)表单:

<form id="" name="" action="" method=""></form>

1.文本类

单行文本框:<input id="" name="" type="text" value="内容"/>

多行文本框:<textarea id="" name="" rows="行数" cols="列数">内容</textarea>

密码框:<input id="" name="" type="password" value="内容"/>

隐藏域:<input id="" name="" type="hidden" value="内容"/>

2.按钮类

普通按钮:<input id="" name="" type="button" value="按钮上的文字"/>

提交按钮:<input id="" name="" type="submit" value="按钮上的文字"/>

重置按钮:<input id="" name="" type="reset" value="按钮上的文字"/>

图片按钮:<input id="" name="" type="image" src="图片的路径" width="宽" height="高"/>

3.选择类

单选

复选

列表

文件

(五)框架:

上一篇:Android中SQLiteOpenHelper类的onUpgrade方法浅谈


下一篇:如何快速使用ECharts绘制可视化图表