https:超文本传输协议 s加密协议 ssl
html:超文本标记语言 [网站开发语言基础]
ftp:文件传输协议
- 网页的基本构成
<body bgcolor="pink" background=" img/pda.gif">
Bgcolor背景颜色
Background:背景图片
1. 换 行
<br />
2. 英文空格
 ；
3.段落
<p align=”left/center/right”>
段落内容
</p>
4.水平线
<hr />
<hr size="1" width="100%" align="left" color="#ccc" />
Size:线的粗细
Width：长度
Align:对齐 有三个参数 left/center/right
5.标题
<h1>这是1级标题</h1>
<h2>这是2级标题</h2>
<h3>这是3级标题</h3>
<h4>这是4级标题</h4>
<h5>这是5级标题</h5>
<h6>这是6级标题</h6>
6.字体修饰
加粗<b>…</b> <strong>…</strong>
斜体<i>…</i>
下划线<u>…</u>
…
7.字体
<font size=”6” face=”楷体” color=”red”>…</font>
Size:字体大小
Face:字体
Color:颜色
8.插入图片
<img src=”a.jpg” width=”300” height=”200” alt=”文字描述” title=” ..”/>
Src:来源 必加
Width:宽度
Height:高度
Alt:当图片不能被正常加载时所做的文字描述。
Title:鼠标经过时的文字提示
补充: html字符
空格[英文]
< 小于号 <
>大于号>
©版权符号
9．列表
a.无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
…
<li>列表项n</li>
</ul>
b.有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
…
<li>列表项n</li>
</ol>
c.定义性列表
<dl>
<dt>标题1</dt>
<dd>
内容1
</dd>
…
<dt>标题n</dt>
<dd>
内容n
</dd>
</dl>
行无素: 能够在浏览器内共享一行显示的标签叫行元素 <img /> <span><span> <a>
块元素:独占一行显示的标签叫块元素 <p></p> <ul> <li> <h1>~<h6> …
Span:强调
Div ：划分网页/app 模块时使用的标签
10 超级链接
基本格式: <a href="地址" target=”_blank/_self” title=”显示文字”>新浪</a>
href:地址
target:打开链接窗口的方式 _blank新开窗口 _self原窗口覆盖
title:鼠标经过链接显示的文字
10-1:网址链接
<a href="http://www.sohu.com" target="_blank" title="sohu">搜狐</a>
10-2:文件链接
<a href="文件" target="_blank" title="sohu">文字</a>
如:
<a href="file/html.ppt" title="pptfile">ppt</a>
<a href="file/12.mp4">电影</a>
<a href="file/github.rar">资料</a>
附:在网页中插入音/视频
<embed src="file/12.mp4" autoplay width="800" height="450"></embed>
10-3:网页链接 ★★★
10-4:空链接
<a href=”＃”>链接</a>
10-5:电子邮件链接 了解
<a href="mailto:yufish@sohu.com">联系我们</a>
10-6:锚记链接 ★★
- 准备工作：准备好导航链接和各链接对应的内容
- 设置锚记<a name="锚点名">第一章：石猴出世</a>
- 链接锚记: <a href="#first">第一章：石猴出世</a>
不同页面的锚链接如何跳转?
<a href="emample/one.html#first">第一章：石猴出世</a>
11.滚动[跑马灯效果]
<marquee scrolldelay="100" direction="right"
οnmοuseοver="this.stop()" οnmοuseοut="this.start()">
scrolldelay:速度
direction:滚动方向
onmouseover：鼠标经过
onmouseout:鼠标离开
12.pre预格式化标签
13 表格
表格的基本格式:
<table border="1" width="600" align="center" cellpadding="0" cellspacing="0">
<thead>
<tr height="30">
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr height="30">
<td>欧阳思奇</td>
<td>18</td>
</tr>
<tr height="30">
<td>司马长风</td>
<td>38</td>
</tr>
<tbody>
<tfoot>
<tr>
…..
</tr>
<tfoot>
</table>
Table:表格 tr:行 td:单元 thead：表头 tbody:主体 tfoot:表尾
Width:宽度 height:高度 cellpadding:单元格内边距[内容距边的距离]
Cellspacing：单元格外边距[两个单元格之间的距离] align:对齐
Caption 表格标题
13 表单
<form method="post" action="">
用户名:<input type="text" size="20" maxlength="20" value="请输入用户名" /><br /> 密 码:<input type="password" size="20" maxlength="20" value="请输入用户名" /> </form>
释义:
Form声明表单 method:提交方式 action：后台处理程序
size:长度 maxlength：最大长度 value: 值[默认值]
Type：类型
Type=”text” 文本框
Type=”password” 密码框
Type=”radio” 单选按钮
Type=”checkbox” 多选按钮
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
