《Web编程技术》学习笔记（二）

最新推荐文章于 2021-06-22 16:56:37 发布

天道酬勤q

最新推荐文章于 2021-06-22 16:56:37 发布

阅读量344

点赞数

本文链接：https://blog.csdn.net/qq_37824451/article/details/88729746

版权

通用HTML

- HTML基本结构
- 常用标签

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>//预格式文本标签

在这里插入图片描述

二、图像控制

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

在这里插入图片描述
三、超链接

<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标签中，可设置为跨列
rowspan=3//td/th标签中，可设置为跨行
align=left//td/th标签中，设置文字的对齐
valign=top//td/th标签中，设置文字的布局

在这里插入图片描述
1、表单包含控件

2、表单页面的基本结构

<FORM action="http://www.sohu.com"method="post">
……
</FORM>

在这里插入图片描述
3、表单元素的统一格式

五、框架

1、在同一个页面中，要实现在一个框架窗口中的超链接页面出现在另一个框架窗口中：使用target目标窗口属性

天道酬勤q

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
《Web编程技术》学习笔记（二）

通用HTMLHTML基本结构常用标签HTML基本结构一、标签。用<>括起来的语句单标签（单独使用即可）：<br>（回车）<hr>（绘制单标签）双标签（由头标签、尾标签组成，必须成对使用）：<标签>内容</标签>二、标签属性。<标签名属性名1 属性名2 ...>//属性名之间空格相隔，无先后顺序之分三、HT...
复制链接

扫一扫