不要担心本章中您还没有学过的例子,
您将在下面的章节中学到它们。
HTML 标题
HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的.
实例代码
<h1>这是一个169it.com网站的标题</h1><h2>这是一个标题</h2><h3>这是一个标题</h3>
HTML 段落
HTML 段落是通过标签 <p> 来定义的.
实例代码
<p>这是一个段落。</p><p>这是另外一个段落。</p>
HTML 链接
HTML 链接是通过标签 <a> 来定义的.
实例代码
<a href="http://www.">这是一个链接</a>
提示:在 href 属性中指定链接的地址。
(您将在本教程稍后的章节中学习更多有关属性的知识).
HTML 图像
HTML 图像是通过标签 <img> 来定义的.
实例代码
<img src="169it.png" width="104" height="142">
注意: 图像的名称和尺寸是以属性的形式提供的。
HTML入门基础知识汇总教程
HTML基础知识汇总,HTML(Hypertext Markup Language)是用于描述网页文档的一种标记语言。
1.HTML文档主要由3部分组成。
Meta标签:网页信息.如:网页编码信息..
3.bgcolor=”#ffccff”;设置背景色.
Background=”back_image.gif”;设置背景图片.
使用方法:
把网页的背景色设置成绿色
<body bgcolor=”green”>网页内容</body>
语法:
<font size=”+1” color=”red” face=”隶书”>文本内容</font>
说明:size属性是用来设置字体大小,可以为字体指定大小范围为1~7.最大为7,最小为1.
Color属性用于指定字体的颜色,可以指定颜色名称或十六进制值.
Face属性用于指定字体类型.
5.列表
无序列表:语法;
<ul type=”circle”>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
Type可以取DISE表示实心.CIRCLE表示空心圆.SQUARE表示空心正方形.
有序列表:语法:
<ol type=”1”>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
Type可以取:1,a,A,i,I.分别表示数字序列,小写英文字母序列,大写字母序列.小写罗马序列,大写罗马序列.
6.超链接:用于创建超级链接,它是可以到另一个文档或文件(图形,音频,视频)甚至到同一文档的另一部分的链接.
语法:<a href=/it-html/”http_/”>_a class="inlink" href="/tag/注册/index.html" target="_blank">注册链接</a>
其中,href用来指定要链接的地址.链接的热点文本.
链接到本页面.
<a name=”marker”>锚点位置</a>
<a href=/it-html/”/index.html>
电子邮件链接: <a href=/it-html/”_a/index.html class="inlink" href="/tag/mailto/index.html" target="_blank">mailto:webmaster@”>站长邮箱</a>
7.滚动<marquee>标签.
语法:
<marquee scrolldelay=”100” direction=”up”>滚动的文字或图像</marquee>
其中,scroldelay表示滚动延迟时间.direction表示滚动的方向,默认为从右向左,它可以用4个值:up,down,left,right
8.表格
<table width="200" bgcolor=”green” border="1" cellpadding="5" cellspacing="5" > //tabel表格标签
<tr> //tr行标签
<td>一个单元格;</td> //td单元格标签
<td colspan="2">跨两列的单元格</td>
</tr>
<tr>
<td rowspan="2">跨两行的单元格</td>
<td>一个单元格</td>
<td>一个单元格</td>
</tr>
<tr>
<td>一个单元格</td>
<td>一个单元格</td>
</tr>
</table>
其中,border为表格边框.colspan跨列,rowspan跨行,cellpadding填充,cellspacing间距.bgcolor整个表格的背景.
9表单
<form method="post" action="/index.html"> //表单标签,表单开始
<input type="text" name="单行文本框" /> //单行文本框
<input type="password" name="密码框" /> //密码框
<textarea name="多行文本框"></textarea> //多行文本框
<input type="checkbox" name="checkbox" value="复选框" /> //复选按钮
<input type="radio" name="RadioGroup1" value="单选" /> //单选按钮
<select name="select"> //下拉列表
</select>
<input type="submit" name="Submit" value="提交" /> //提交按钮
<input type="reset" name="reset" value="提交" /> //重置按钮
<input name="浏览…" type="file" /> //浏览文件按钮
</form>
10. 框架
<frameset border=”5” rows=”20%,*”> 分成上下两个窗口
<frame src=/it-html/”top.html” name=”topframe” scrolling=”no” >没有滚动条
<frameset cols=”20%,*”> 分成左右两个窗口
<frame src=/it-html/”left.html” name=”leftframe” scrolling=”no”>
<frame src=/it-html/”right.html” name=”rightframe” >
</frameset>
分成左右两个窗口,分别为left和right窗口,显示的文档分别为left.html和right.html
</frameset>
如何设置窗口链接的显示位置.框架页面之间的链接
1:设计好框架集页面,并为每个框架窗口定义名称
如:<frame src=/it-html/”right.html name=”rightframe”>
2:设置导航栏中的超链接的target目标窗口属性,使其值为框架窗口的名称
如:<a href=/it-html/”right.html” target=”rightframe”>
HTML本身不难理解,其实都是一些基础性的知识,HTML中最重要的是表格和表单。假如要想了解更多HTML的应用使用HTML用户手册是一个很好的方法,那上边有用法和实例所以说我们应该认真的品味编程的趣味