学习HTML时, 记下的一些很基础的东西

最新推荐文章于 2024-10-03 22:12:17 发布

Jaya1989

最新推荐文章于 2024-10-03 22:12:17 发布

阅读量792

点赞数

文章标签： html css stylesheet javascript border scroll

本文链接：https://blog.csdn.net/SMCwwh/article/details/5483063

版权

传智博客_html

1. HTML语法基础
< > 空格 " 商标版权
< >   " ® ©

<p></p>段落标记
<br>换行标记
<nobr></nobr>不换行
<blockquote></blockquote>右缩进
<center></center>居中显示
<marquee></marquee>移动显示 behavior=scroll direction=up

<dl>列表
<dt>列表中上层
<dd>列表中下层

<ol>带有数字序号的列表
<ul>标有圆点的列表
<li>用于创建具体的列表象

<pre>对文本域格式化处理

<h1>...<h6>字号.字体标签

<b><i><u>粗体,斜体,下滑线.

<sub><sup>下标上标

<tt>打印字 <cite>引用 <em>显示需要强调 <strong>加重.

<font>字体 face,size,color3个属性.

<a href="http://www.wwh.com#mark" target="_blank">个人主页</a>
<a href="http://www.wwh.com"><img border=0(边框) src="123.jpg"></a>
<a href="mailto:wangwenhui006@sina.com?subject=咨询">我要留言</a>
<a name="mark"></a>
link是连接的颜色,alink是连接按下时的颜色;vlink是连接按下后的颜色;
../回到上一层目录;

<img src = "123.jpg">
alt,align,width,height,border(边框粗细),hspace,vspace属性;

v512_HTML

1. HTML语言是大小写不敏感的;
2. <body></body>标签的主要属性: bgcolor背景颜色,background背景图片,bgproperties,text设置文字的颜色,
   bgproperties水印效果,(fixed)
3. <br>单标记: 换行,
   <p></p>标记: 段落标记(有一个空行), 属性align
   <h1></h1>到<h6></h6>正文标题: 属性:align对其方式,(自动的有换行功能)
   <!- 注释部分 -->注释标记: (有什么区别??)
   <hr>水平分隔线标记: 属性:color,size,width(宽度),align
   <font>字体: 可以嵌套使用.主要属性有: face(字体),size,color
   <img>图片: src,alt,width,height,align,border(图片边框的宽度)
   <a>超连接: 主属性href,target,name(标记),title
   <ol><li>有序..<ul><li>无序.. <dl><dt><dd>列表
   <table>,<tr>,<td>,<th>,<caption>
   colspan,rowspan跨列,行
   cellspacing:设置表格单元格间距, cellpadding:设置表格单元格内容与边界的距离;
4. <head>标签主要是供浏览器使用,主要子标记有: <title>.<link>,<style>,<meta>
   <meta http-equiv="Content-Type" content="text/html;charset=GBK">指定编码形式
   <meta http-equiv="refresh" content="3;URL=01_body01.html">自动刷新;

5. <form>属性: action,method         get:速度快,量小,保密性差; post:速度慢,量大,保密行好;
   单选,多选框name属性值要相同, checked,selected表示默认的属性值;
   文件组件, 在form中必须要有一个enctype="multipart/form-data"属性,且要使用post提交方式;

   radio单选框, checkbox复选框, <select><option></..></..>下拉菜单
   textarea多行输入框(指定行列数), submit提交, reset重置, hidden隐藏,
   enctype="multipaut/form-data"文本组件, file上传附录, image图片提交按钮;

6. <framset>框架设置: rows行,cols列, noresize不能重置大小 <marquee>标签对;
name属性,以后target="name"可以让指定的页面在"name"显示;

7. <embed>嵌入标记:
   把width,height设置为"0"时,等于是背景音乐;
   使用rm格式时,要加type="audio/x-pn-realaudio-plugin"
   IE: <bgsound src=".." loop="2">
       <img dynsrc="v512.avi">
   例子:<embed src="OneILove.wma"
    autostart="true"
    loop="true"
    hidden="false"
    controls="ControlPanel"
    width="200"
    height="45">

v512_css+div

1. css中各属性用;分号隔开.
   如: h2{text-align:center; color:red}
      选择器         属性值属性名
   p.mystyle1; h1,h2,h3.mystyle2; .mystyle;
2. 同优先级的是后出现的覆盖前出现的;
3. 1em表示一个字符的宽度;
4. 打印时可以使用pt单位,不会失真;
5. float:left 浮动
6. 引用css: 在<head>中<link href="m1.css" rel="stylesheet" type="text/css">
7. CSS字体属性:
   font-family:字体, font-size:字体大小, font-style:字体风格,
8. CSS常用文本属性:
   text-align:对齐, text-indent:首行缩进, line-height:行高, letter-spacing:字符间距, color
9. 如果没有css样式, <div>与<p>相同.
10. <p>可以采用span元素来实现：一段文字中的<span style="font-size:40px; color:red">一部分显示    效果有所不同</span>。</p>
可以使用CSS中的display属性设置/修改元素的显示方式,其值为:
block(块--前后换行), inline(行--一行), none(隐藏);

v512_JavaScript

1. js出现的位置有3: <head>中, <body>中, 单独的一个文本中;
2. ===: 值相等, 类型也相同;
3. 几段代码中, 前面声明的后面也可以使用.
4. window.prompt("...", "..."); 弹出一个窗口;
   window.alert();
   window.write();
   window.confirm("..."); 弹出警告消息
   window.open(URL,windowName,...); 弹出广告消息
   window.close();

5. java中switch()中只接受int(及其兼容的类型), JavaScript中还可以接受字符串.
6. for...in循环: for(var s in a) -->a为一个数组;
7. 数组的创建: var a1 = new Array(); var a2 = new Array(size); var a3 = new Arra(v1,v2,..)
   数组大小可以改变;
8. 函数不需要指定返回值类型和是否有返回值;
9. onClick, onDbclick, onLoad, onUnload, onChange, onMouesmove, onFocus成为焦点, onBlur;
10. Math对象, String对象,
    浏览器对象,
    Date对象:使用前需要声明/创建对象, 月是0-11, 星期天显示0
11. var s1 = 3 + 5 + "hello";
    document.write(s1);        //输出结果:8hello
    var s2 = "hello" + 3 + 5;
    document.write(s2);        //输出结果:hello35