学习HTML的一些笔记

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

<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="#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="页面源文件地址"
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="背景音乐的地址"
loop=循环次数/>
如果希望无限次播放,可将循环次数设置为True

添加多媒体文件(视屏动画等)
<embed src="多媒体文件地址" width=播放界面宽度
height=播放界面高度></embed>
宽高一定要设置

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

学习HTML的一些笔记,布布扣,bubuko.com

时间: 2024-11-05 19:26:24

学习HTML的一些笔记的相关文章

学习Logistic Regression的笔记与理解(转)

学习Logistic Regression的笔记与理解 1.首先从结果往前来看下how logistic regression make predictions. 设我们某个测试数据为X(x0,x1,x2···xn),Θ(θ0,θ1,θ2,···θn)为我们的学习算法所学到的参数,那么 写成向量的话就变成 Z就是我们得到的结果,但是logistic regression只能处理二值数据,这个Z是一个连续值,它的范围可以很广.为了把这个Z化为二值变量,引人Sigmoid函数 这个函数的图形如下所示

&lt;&lt;Linux 命令行大全学习1~2章笔记&gt;&gt;暑假学习

 <<Linux 命令行大全学习1~2章笔记>>暑假学习 第一章:shell是什么? 1 shell Shell是一个和Linux内核交互的解释性程序,我们在图形用户下通过shell终端仿真器可以和操作系统进行交互. 2本章命令行 date:显示时间 cal:  显示日历 df: 显示磁盘驱动器内存 free:显示系统内存 exit:退出终端 第二章:导航 2.1理解文件系统树 Linux系统采用树的结构表示系统的文件.目录和设备文件. 2.2当前工作目录 树的顶部是根目录,通常/

《Python学习手册》读书笔记【转载】

转载:http://www.cnblogs.com/wuyuegb2312/archive/2013/02/26/2910908.html 之前为了编写一个svm分词的程序而简单学了下Python,觉得Python很好用,想深入并系统学习一下,了解一些机制,因此开始阅读<Python学习手册(第三版)>.如果只是想快速入门,我在这里推荐了几篇文章,有其他语言编程经验的人简单看一看就可以很快地开始编写Python程序了. 黑体表示章节, 下划线表示可以直接在原文对应位置查到的专有技术名词. 原书

学习编程是否做笔记的思考

做编程是否做笔记的思考: 做笔记的目的是将来怕忘.什么东西是重要的怕将来忘掉?1.需要记得东西:你自己的体会.经验.这些东西怕忘了,需要记笔记.2.什么不用记: 网上.书上随手可得的东西,没必要花时间记. 语言只是一门工具,精通工具的唯一手段就是熟练使用. 此外,编程又是一门语言,语言就是要多练才能熟练掌握. 所以,通常来说,学编程的时候不需要做笔记. 回到学习一门新语言的问题.可以有两种办法检验你是否学会了一门新语言:你可以用这个语言,做个实际项目:或者你可以教别人学会这个语言. 注:主要是自

IOS阶段学习第四天笔记(循环)

    IOS学习(C语言)知识点整理笔记 一.分支结构 1.分支结构分为单分支 即:if( ){ } ;多分支 即:if( ){ }else{ }  两种 2.单分支 if表达式成立则执行{ }里的语句:双分支 if表达式不成立 则执行else{ }里面的语句 3.字符串的输出系统会从数组地址一直打印到字符 ‘\0’为止,如果没有正确初始化,可能会打印出数组外的信息 4.如果分支结构里面只有一条执行语句可省略外面的大括号{} . 二.开关语句 1.语句结构 :switch (参数) case

IOS阶段学习第三天笔记(运算符)

                                         IOS学习(C语言)知识点整理笔记 1.运算符 一.算术运算符 1)表达式由变量.常量.运算符构成,有确定的类型和值 2)算术运算符包括: +(加),-(减),*(乘),/(除),%(模) 3)算术运算符优先级 括号()> * ,/ ,%  >+,- 4)%表示取余.取模  a%b 表示a除以b取余数 5)整数相除保留两位小数处理方法如: printf(“%.2f”,(float)14/9); 6)自增自减运算符

学习 慕课网 PHP工程师学习计划--我的笔记汇总

为了进一步学习PHP,本周我选定了慕课网的PHP工程师学习计划, 从今天2015-07-06 10:24:47开始从头学习:计划本周尽快学习完成本课程,谨此作为笔记. 有个好的学习计划和思路非常非常重要,非常感谢慕课网提供本套学习计划,希望更多地学习平台能提供像这样全面一条龙学习思路清晰地教程. 计划图:链接 我的学习状况:2015-07-06 10:29:46 笔记汇总 入门必学  篇 web基础 htmlcss基础 (笔记已完成)  

IOS 阶段学习第24天笔记(Block的介绍)

IOS学习(OC语言)知识点整理 一.Block 的介绍 1)概念: block 是一种数据类型,类似于C语言中没有名字的函数,可以接收参数,也可以返回值与C函数一样被调用 封装一段代码 可以在任何地方调用 block 也可以作为函数参数,以及函数返回值 2)Block 实例代码 1 //定义了一个block类型MyBlock,MyBlock类型的变量只能指向带两个int的参数和返回int的代码块 2 typedef int (^MyBlock)(int,int); 3 //定义一个函数指针 4

IOS 阶段学习第25天笔记(IOS沙盒机制介绍)

IOS学习(OC语言)知识点整理 一.IOS沙盒机制介绍 1)概念:每个ios应用都有自己的应用沙盒,应用沙盒就是文件系统目录,与其他应用放入文件 系统隔离,ios系统不允许访问 其他应用的应用沙盒,但在ios8中已经开放访问(extension) 2)extension是ios8新开放的一种对几个固定系统区域的拓展机制,它可以在一定程度上弥补ios的沙盒机制对应用间的通信限制 3)应用沙盒一般包括以下几个文件目录: 1.应用程序包:包含所有资源文件和可执行文件 2.Documents:保存应用