网站制作学习 广告位

本节学习常用的html语言,这一节讲的是页面的主要组成table。

图像标志

<img src="图片的路径"> 可以是相对路径也可以是绝对路径。相对路径是相对于本页来说,比如再同一个文件夹下的teach_img里面 则图片路径为 src="teach_img/name.gif"> 绝对路径 比如:src="E:teach/name.gif">
在HTML文档中嵌入一个图像
<img src="name" align="" border="" valign="" background="图片地址"> 一个图像align水平方向:左left、中center、右right   valign表示垂直方向的上top、中center、下bottom border设置图像的边框的大小 ,background这个是设置表格背景为图片。

设置背景
插入水平线
<hr size="" width="200" align="center"> size设置水平线的厚度 width表示宽度 是以像素计算 align对其方式
举例说明一下<hr align="center" size="1" width="100"/> 看下图


<br>表示回车换行 
字体相关设置
<pre></pre> 预先格式化文本 效果

测试文字

<h1></h1> 最大的标题 效果

测试文字

<h6></h6> 最小的标题 效果
测试文字
<b></b> 黑体字 效果 
测试文字
<i></i> 斜体字 效果
测试文字
<tt></tt> 打字机风格的字体 效果
测试文字
<cite></cite> 引用,通常是斜体 效果
测试文字
<em></em> 强调文本(通常是斜体加黑体) 效果
测试文字
<strong></strong> 加重文本(通常是斜体加黑体) 效果
测试文字
<font size=""></font> 设置字体大小,从1到7 效果
size="1"测试文字 size="2"测试文字
<font color=""></font> 设置字体的颜色,使用名字或RGB的十六进制值 效果
color="red"测试文字 color=“#ff0000”测试文字
链接标志

<a href="URL"></a> 创建超文本链接,也就是常用的连接 举例:
<a href="http://www.forasp.cn" target="_blank">网站制作学习网</a> 网站制作学习网
target="_blank"是在新窗口打开 target="_self"在 本身窗口打开 target="_parent"这个好像是父窗口,garget="_top"表示跳出框架,在本窗口打开,后两个不常用。


<a href="mailto:EMAIL"> </a> 创建自动发送电子邮件的链接 举例:
<a href="mailto:luuijie123@163.com">网站制作学习网站长email </a> 网站制作学习网站长email

<a name="锚点名称" id="top"></a>在页面做一个内部连接位置,也就是锚点
<a href="#锚点名称"></a>  创建指向位于文档内部书签的链接 页面内部连接,锚链接,比如:
<a href="#top"></a> 本节学习常用的html语言 查看源文件你会看到在“本节学习常用的html语言”前有个锚点
插入图片元素<Img src="图片地址" border="0" width = "100" height="100">
图片地址,可以是虚拟路径,也可以是绝对路径 border="0" width是宽度 height是高度,如果没有高宽设置图片会以原始大小显示

这一节主要认识了table,是网页的主要构架部分。下一节设计一个简单的网页

上一节,认识基本的网页结构   继续下一节,其他常用常见表单元素   回到从零学网站制作列表 网站制作学习网