HTML基本知识

HTML文件基本架构 

<!--  -->注释

<html>...</html> 标识html语言的开始和结束.它的中间就是一些html语言的代码

<head>...</head> 标题标签.它在html后面和body的前面.在这个标签里面的信息不会出现在网页上面,比如一些网页的标题和属性,关键词等

<title>...</title> 网页标题栏标签.这个里面可以设置网页的标题

<body>...</body> 网页主体标签 一个网页的主体内容全部写在这个标签里

<table>...</table>表格标签.

<font>...</font> 字体标签.用它可以来美化和修改字体的属性.比如字体大小和字体颜色

<a>...</a> 超级连接标签

<a href=””></a> 锚标记 <a name=”123” id=”123”></a>(只用一个即可) <a href=”#123”>锚标记</a>

<img src=””>..</img>图像标签

<font>....</font>字体样式

<table>  表格 参数:border 边框 cellspacing 边框间距 bordercolor 边框颜色

<tr>

<td></td>

</tr>

</table>

Rowspan 合并列 colspan 合并行

<ul>无序表

<li></li>

</ul>

<ol>有序表

<li value=”3”></li>   开始值

<ol>

<hr />直线标签

<br />换行标签

  空格

Bgcolor 背景颜色

Color 颜色

Text 字体颜色

Link 超链接颜色

align 对其方式 参数:rightleftcenter

Size 大小

Width 宽度

Height 高度

框架:

主页:

<frameset cols="25%,75%">

 <frame src="1.htm">

 <frame src="2.htm" name="main">

</frameset>

1.html

<a href="4.html" target="main">网页</a>

表单:(文本框,密码框,单选框,复选框,下拉框,按钮)

<form id="form1" name="form1" method="post" action="">

<input type="text" name="textfield">

<br />

<input type="password" name="textfield2">

<br />

<textarea name="textarea" cols="50" rows="10"></textarea>

<br />

<input type="radio" value="" name="radionbutton" checked="checked">1

<input type="radio" value="" name="radionbutton">2

<br />

<select name="select">

 <option selected="selected" value="0">1992</option>

 <option value="1">1991</option>

 <option value="2">1990</option>

</select>

<br />

<input type="checkbox" name="checkbox1" value="" />1

<input type="checkbox" name="checkbox2" value="" />2

<br />

<input type="submit" name="submit1" value="提交" />

</form>

例子:

<html>

<head>

<title>html网页基本格式</title>

</head>

<body bgcolor="#FFFFFF" text="#0000FF" link="#FF0000">

<a href="http://www.baidu.com">百度</a>

<hr width="100" size="2" color="red" align="left" />

<br />

网页基本格式

<br />

<img src="1.jpg" width="100" height="100"></img>

<font color="#FF0000" size="2">

<div align="center">

 <ul>

  <li>我的爱好</li>

  <li>我的收藏</li>

  <li>我的相册</li>

   <ol>

     <li>自拍</li>

     <li>偷拍</li>

   </ol>

 </ul> 

</div>

</font>

<table width="100" height="100" border="1" cellspacing="0" bordercolor="#00FF00">

 <tr>

  <td rowspan="2">1</td>

  <td rowspan="2">2</td>

  <td>3</td>

 </tr>

 <tr>

  <td>5</td>

</tr>

<tr>

  <td colspan="2">6</td>

  <td>7</td>

 </tr>

</table>

</body>

<head>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值