首页 > 代码库 > 学习HTML的一些笔记

学习HTML的一些笔记

2024-07-06 10:40:32   231人阅读

初学网页制作，发现很大一本书概括起来不过是以下一系列的标记，记下这些经常用到的标记和知道怎么熟练使用就好了，还有其它的用到时再去查

 

 

<b></b>粗体
<em></em>斜体 强调
<i></i>斜体 不强调
<strong></strong>强调
<sup></sup>上标标记
<sub></sub>下标标记
<big></big>字体大小
<small></small>
<bdo dir="rtl"></bdo>文字从右到左
<br/>换行
<p></p>
<h1>~<h6>标题
<center></center>文本水平居中标记
<hr/>标尺标记

 

建立无序列表
<ul>
<li></li>
<li></li>
</ul>

 

建立有序列表
<ol>
<li></li>
<li></li>
</ol>

 

自定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>

 


<p>属性align属性值left center right对齐

 


<img scr="" width= height= alt="图片提示"/>插入图片
<body background=""/>将图片设置为背景

 


超链接
<a href="" target="_blank"></a> _blank新页面打开

链接到同一页面的不同位置
<a href="http://www.mamicode.com/#C4"></a>
<h2><a name="C4"></a></h2>

 

 

网页表格的设计
<table border="1">
<tr>
<td></td>
<td></td>
</tr>
</table>


带有标题的表格
<table border="1">
<caption>标题</caption>
<tr>
<td></td>
<td></td>
</tr>
</table>

<th><th>表头


设置表格背景
<table border="1" bgcolor="green">
<tr>
<td></td>
<td></td>
</tr>
</table>

 

定义表格背景图片
<table border="1" background="">
<tr>
<td></td>
<td></td>
</tr>
</table>

设置单元格背景 
<table border="1">
<tr>
<td background=""></td>
<td></td>
</tr>
</table>

 

 

 

 

--------------------------------------------

表单基本元素

<form action="url" method="get|post" enctype="mine"></form>

<input type="text" name="" size="" maxlength="" value=""/>


多行文本框输入
<textarea name="" cols="" rows="" wrap=""></textarea>



单选按钮

<input type="radio" name="" value=""> 同一组中用同一名称

复选框
<input type="checkbox" name="" value=""> 同一组中用同一名称

下拉菜单
使用select元素可创建多选或单选下拉菜单
<body>
<select>
<option>列表1</option>
<option>列表2</option>
<option>列表3</option>
</select>
</body>


下拉菜单select加上 size=""multiple 变成列表框

 


普通按钮
<input type="button" name="" value="" onClick="脚本函数定义行为"/>

提交按钮
<input type="submit" name="" value=""/>提交表单给action所指向的文件


重置按钮
<input type="reset" name="" value=""/>

 

 

-------------------------------------
使用HTML创建框架

框架的基本结构
<html>
<head>
<title>框架页面的标题</title>
</head>
<frameset>
<frame>
<frame>
...
</frameset>
</html>

在使用框架页面中，body标记被frameset所取代，而对于框架页面中包含的每一个框架，都通过frame来标记，body和frameset不同时使用


设置窗口框架的基本属性
水平分割窗口
<framwset rows="框架窗口的高度，框架窗口的高度...">
<frame>
<frame>
...
</frameset>
一般多少个高度对应多少个框架


垂直分割窗口
<framwset cols="框架窗口的宽度，框架窗口的宽度...">
<frame>
<frame>
...
</frameset>


混合分割窗口
<frameset rows="框架窗口的高度，框架窗口的高度...">
<frame>
<frameset cols="框架窗口的宽的..."
<frame>
<frame>
...
</frameset>
<frame>
...
</frameset>

设置框架的边框
<frame frameborder="value"> 只能为0或1

设置边框宽度与边框颜色
<frameset framespacing="边框宽的" bordercolor="颜色代码">


设置框架属性frame
页面源文件
<frame src="http://www.mamicode.com/页面源文件地址" name="页面名称(不显示)"/>

<frame src="" noresize/> noresize参数表示框架窗口的尺寸不能改变


边框与页面内容的水平边距
<frame src="" marginwidth="水平边距"/>设置页面的左右边缘与框架边框的距离，单位是像素


上同，垂直边距marginheight

 

<frame scr="" scrolling="是否显示滚动条"/> 只能是Yes,No,Auto

不支持框架的浏览器显示的内容
<noframe>
</noframe>

 

内联框架
<iframe scr="" width="" heigght="" align="" frameborder="" >
</iframe> 主体可用body,frameborder只能去0或1

 

 

 

----------------------------------

网页多媒体的设计
设置滚动字体
<marquee direction="" behavior="" loop="滚动次数，默认无限" scrollamount=滚动速度 scrolldelay=事件间隔 bgcolor="颜色代码" >滚动字体</marquee> 
direction滚动效果，up,dowm,left right,behavior滚动方式，有scroll,slide,alternate.

 

设置滚动文字的背景面积
<marquee width= heitht= ></marquee>
单位为像素


设置空白空间
<marquee hspace=水平范围 vspace=垂直范围></marquee>


添加背景音乐
<bgsound src="http://www.mamicode.com/背景音乐的地址" loop=循环次数/>
如果希望无限次播放，可将循环次数设置为True

 

添加多媒体文件（视屏动画等）
<embed src="http://www.mamicode.com/多媒体文件地址" width=播放界面宽度 height=播放界面高度></embed>
宽高一定要设置

设置多媒体文件的自动运行
<embed src="" autostart=是否自动运行 loop=是否循环播放 hidden=是否隐藏></embed>
True和False

 


联系
我们