2019年8月4日暑假训练

HTML入门笔记
1，文字与段落
2，列表和超链接
3，图像与多媒体文件
4，表格
5，框架
6，表单

文字与段落：
（1）标题标记
< h2> < /h2>
…
< h6> < /h6>
数字越小字越大
< h# align =“对齐方式”> …< /h#>

（2）特殊字符对应的代码：

（3）文本标记
1，
2，
3，字体font标记
< font face =" " size =" " color=" “>…< /font>

4,段落标记
< p align=” “>…< /p>

5,换行标记
< br>换行
< nobr>…< /nubr>不换行
< wbr>…< /wbr> 强制换行
6，水平分割线
< hr width=” " size= " " color=" " align=" " noshade>

7,内容居中标记
< center>…< /center>
段落缩进标记
< blockquote>…< /blockquote>
预格式化标记
< pre>…< /pre>
(3)代码

在这里插入代码片

列表和超链接
（1）列表
（2）无序列表：

<ui type =" ">
         <li type=" ">项目名称</li>
         <li type=" ">项目名称</li>
         <li type=" ">项目名称</li>
</ui>

（3）菜单列表

<menu type =" ">
         <li type=" ">项目名称</li>
         <li type=" ">项目名称</li>
         <li type=" ">项目名称</li>
</menu>

（4）目录列表

<dir type =" ">
         <li type=" ">项目名称</li>
         <li type=" ">项目名称</li>
         <li type=" ">项目名称</li>
</dir>

（5）有序列表

<ol type =" " start=" ">
         <li type=" " value="n">项目名称</li>
         <li type=" " value="n">项目名称</li>
         <li type=" " value="n">项目名称</li>
</ol>

（6）定义列表
< dl>…< /dl>定义列表
< dt>…< /dt>自定义列表项
< dd>…< /dd>每个自定义列表项的定义
（7）代码

在这里插入代码片

（8）超链接
< a href=“url” name=" " title=“提示 信息” target=“窗口名称” >超链接名称< /a>

路径分：为绝对路径和相对路径
超链接：分为内部链接和外部链接
（9）下载文件链接
< a href =“url”> 链接内容< /a>
（10）书签链接
< a name=“name”> 书签标题< /a>
基本语法：
< a href ="#name"> 书签标题< /a> 同一页面
< a href =“url#name”> 书签标题< /a> 不同页面
（11）FTP链接
< a href =“ftp:ip地址或者域名地址”> 链接内容< /a>
（12）图片链接
< img src=“url” width=" " height =“ ” hapace= " " vspace =" " align=" " border= " " alt=" ">

<a>
    < img src=“url” width=" " height =“ ” hapace= " " vspace ="  " align="  " border= " " alt=" ">
</a>

（13）设置热区链接

<img src ="图片地址” usemap=“映射图片名称”>
      <map name="映射图片名称">
           <area shape="热区形状” coords="热区坐标"  href="url">
      </map>

（14）电子邮件链接
< a href ="mailto:someone@microsoft.com?subject=Hello%20agin">
图像与多媒体文件
（1）插入图像
< img src =“url” width=" " height= " " border=" " alt=" ">

图像链接：

< a href =“url”> < img src =“url”> < /a>
（2）滚动文字
< marquee>滚动文字< /marquee>
bgcolor背景颜色
direction滚动方向
behavior滚动方式
scrollamount滚动速度
scrolldelay滚动延迟
width，height滚动范围
hspace,vspace滚动空白
loop滚动循环

（3）背景音乐
< bgcolor src =“背景音乐的地址” loop=“播放次数”>
音频和视频
< embed src=".mid " width=" “height=” " autostar" =" " loop=" “> < /embed>
插入动画
< embed src=”.swf " width=" “height=” " autostar" =" " loop=" "> < /embed>
表格



框架
1，

<frameset>
         <frame>
         <frame>
</frameset>

2，
3，
4，浮动框架
< iframe 属性名称=“ ” > < /iframe>