首页 > 代码库 > html基础
html基础
html的基本结构：
不管这个html文件有多复杂，它的基本结构是
<元素名 属性=”属性值”>元素内容</元素名>
如果没有内容，可以这样写：
<元素名 属性=”属性值”/>
<元素名 属性=”属性值”></元素名>
-->元素就是标记
<p>段落标记</p>
<font size=””>字体标记</font> size取值1-7
<h#>标题字体</h#> #=1,2,3,4,5,6
<b></b>字体加粗
html符号实体：<font size=5>© £ ®</font>
html超链接：使用超链接可以使网页链接到另外一个页面
<a href=http://www.mamicode.com/”url地址” target”=_blank”></a>
<a href=”mailto:电子邮箱地址”></a>
html图像元素：border是边框宽度
<img src=http://www.mamicode.com/”” border=1 width=70px>
Src可以是外部网站的url
html表格：主要用途是现实数据和图片，并且可以布局
<table border=”边框宽度” cellspacing=”空隙大小” cellpadding=”填充大小”></table>
行<tr></tr>
列<td></td>
cellspacing表格空隙大小：指两个列、行间的距离
cellpadding表示填充大小：各行各列中的内容被填充，这样就会一定程度上撑大格子
html列表-无序列表
<ul type= “属性值”>
<li>列表内容</li>
</ul>
ul的属性设定，默认为type=”disc”
type=”disc” 列序符号为实心圆点
type=”circle” 列序符号为空心圆
type=”square”列序符号为空心正方形
html列表-有序列表
<ol>
<li>coffee</li>
<li>coffee</li>
</ol>
Start=# 从#开始算
有序列表type
1 数字
a 小写字母
A 大写字母
i 小写罗马数字
I 大写罗马数字
Html列表-框架
<frameset frameborder=”边框大小”
cols=”各窗口百分比，隔开”
rows=”各窗口百分比”
<frame name=”” src=http://www.mamicode.com/”html路径” noresize>
</frameset>
all.html
<frameset cols=”20%,*” frameborder=0>
<frame src=http://www.mamicode.com/”aa.html” noresize/>
<frame src=http://www.mamicode.com/”bb.html” />
</frameset>
all.html中不能带body标记
Html的表单元素：主要用于让用户输入数据，并提交给服务器。
基本语法：
下拉框<select name=””><option value=http://www.mamicode.com/”xx”>option
<form action=”url” method=”提交的方法（get/post），默认是get”>
各种元素：输入框、下拉列表、文本域、密码框
</form>
全角空格占2个字符位
(1)、表单元素格式：
<input type=”” name=”” />
type=text(文本框) password(密码框) hidden(隐藏框) checkbox(复选框)
radio(单选框) submit(提交按钮) reset(重置按钮) image(图片按钮)
name是给该表单取的名字
(2)、action指定提交给哪个页面
html的加强
html文件结构：
<html>......</html>
<head>......</head>
<body>......</body>
语言字符集信息：
<meta http-equiv=”Content-Type” content=”text/html;charset=#”>
背景色彩和文字色彩
<body bgcolor=# text=# link=# alink=# vlink=#>
bgcolor 背景颜色
text 不可链接文字的色彩
link 可链接文字的色彩
alink 正被点击的可链接文字的色彩
vlink 已经点击（访问）过的可链接文字的色彩
html基础