HTML基本结构

一、标签。用<>括起来的语句

单标签(单独使用即可):<br>(回车)<hr>(绘制单标签)

双标签(由头标签、尾标签组成,必须成对使用):<标签>内容</标签>

二、标签属性。

<标签名 属性名1 属性名2 ...>//属性名之间空格相隔,无先后顺序之分

三、HTML结构=头部信息+主题

<html>
<head>
<title>
标题测试
</title>
</head>
<body>
页面内容测试
</body>
</html>

常用标签

一、版面控制(通常在在body标签中的属性进行设置)

<body bgcolor="red">背景颜色//"red"可用颜色值代替,以#作为前缀
<body backgroud="bg.gif">背景图片
topmargin、leftmargin内容距离页面顶部和左侧的距离

<bgsound src="音乐名" loop="-1">放在<head></head>中
其中loop的值-1表示无限循环,0表示不循环

一、文本及段落控制
1、标题标签

<h#>标题名</h#>其中#=1-6//数字越小标题越大

2、字体标签

<font color=颜色值 size=有效值(1-7,默认为3) face=字体值>文字</font>
可通过对size的值进行+或-完成大小的改变,如size=“+2”

3、其他标签

<u>文字</u>下划线
<blink>文字</blink>闪烁
<strong>文字</strong>增强
<em>文字</em>强调
<samp>文字</samp>示例
<b>文字</b>粗体
<i>文字</i>斜体

<MARQUEE    scrolldelay ="100"   direction="up"  >滚动文字或图像</MARQUEE>//滚动<MARQUEE>标签,自动在页面滚
scrolldelay:表示滚动延迟时间,默认值为90毫秒。
direction:表示滚动的方向,默认为从右向左。

4、换行标签

<br>//当浏览器窗口缩小时,浏览器会自动调整换行

5、段落标签

<p>...</p>//有时</p>可省略,当出现一个<p>时,表示上一段落已结束。
<p align=center/left/right>文字显示时的对齐方式

6、文字布局

<hr size=“5” color=“red” width=“300”>//水平分隔线,size(高),width(长)
<OL type="1">
<LI>...</LI>
<LI>...</LI>
</OL>
//有序列表
<UL type="circle">
<LI>...</LI>
<LI>...</LI>
</UL>//无序列表
<PRE>//预格式文本标签

《Web编程技术》学习笔记(二)
《Web编程技术》学习笔记(二)
二、图像控制

<img src="图片地址" height=... width=... align=# border=... title="...">
border表示边框大小
高宽可不设,则为默认
align为left、center、right(图像在页面中的位置);
	 为top、middle、bottom(文字与图像的对齐方式,文字在img标签后)
标题设置的值在鼠标移至图片位置时显示

《Web编程技术》学习笔记(二)
三、超链接

<A href="资源地址" name="字符串">链接文字</A>
<A>表示链接

用于两个html文件之间的跳转

  • 内部链接:资源地址使用相对路径(更优)或绝对路径(上传到网络上时会改变)表示
  • 外部链接:资源地址使用URL表示

在同一文件中位置的跳转,如实现回到顶部的功能

  • 锚记标签:用于同一页面不同位置的跳转

      1、创建锚记标签
      <a name="marker">...</a>
      2、连接到锚记标签的位置
      <a href="marker">...</a>
    

    12步骤顺序没有约定吗???

四、表格控制(网页内容的排版)
三大要素:表行、表头、表项

<table>...</table>定义表格
<tr>...</tr>定义表行
<th>...</th>定义表头
<td>...</td>定义表项

boder="1"//table标签的属性,边框
cellspacing=10//able标签的属性,单元格间隙
cellpadding=10//able标签的属性,单元格内部空白设置
colspan=3//td/th标签中,可设置为跨行/跨列
align=left//td/th标签中,设置文字的对齐
valign=top//td/th标签中,设置文字的布局

相关文章: