HTML基础学习笔记_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 11:22:021376검색
1、页面
1、文件结构......
...... .......<HTML><HEAD> <title>, <base>, <link>, <isindex>, <meta></HEAD><BODY> <h1>正文</h1></BODY></HTML>2、语言字符集信息
基本上所有的网站的网页都有，现在一般都是UTF-8,和GBK2312
bgcolor --- 背景色彩
text --- 非可链接文字的色彩
link --- 可链接文字的色彩
alink --- 正被点击的可链接文字的色彩
vlink --- 已经点击(访问)过的可链接文字的色彩
（颜色RGB16进制）
背景图象
4、页面空白(试了貌似不管用)页面左边的空白
页面上方的空白(天头)
#=margin amount 5、连接无下划线不像链接
默认的是在原来的窗口打开
target="Window_Name" (打开一个新的窗口属性)
下面百度是在新窗口打开
<a href=" target="Window_Name">百度</a>6、标尺线
标尺线的高度：
例如：
标尺线的宽度：
例如：
标尺线的位置：
#=left, right
例如：
标尺线的颜色：
例如：
<!doctype html><html> <head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>Document</title> </head> <body bgcolor=#ff0033 text=#00ff99 link=#000099 alink=#330099 vlink=##66cc33> <h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3><a href="http://www.baidu.com">百度</a><br/><a name="http://www.baidu.com">百度1</a><hr><hr size=20><hr width=50><hr width=50%><hr width=50%><hr width=50%><hr noshade><hr color=#000000 > </body></html>
2、字体
1、标题字体字体由大到小
....#=1,2,3,4,5,6,7
加粗：....
斜体：.....
下划线：....
打字机文本：...
上标注：
下标注：
删除文本定义:
<!doctype html><html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <b>加粗</b><hr> <i>斜体</i><hr/> <u>下划线</u><hr/> <tt>打字机文本</tt><hr/> <sup>上标注</sup><hr> <sub>下标注</sub><hr> <s>可定义删除文本</s><hr> <strike>可定义删除文本</strike><hr> </body></html>4、逻辑字体
强调字体倾斜：
强调字体加粗：
用于表示计算机源代码或者其他机器可以阅读的文本内容:
短语标签:
键盘文本：
变量的名称
对特殊术语或短语的定义
注释作用：
小型文本：
大字号:
<!doctype html><html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <b>加粗</b><hr> <i>斜体</i><hr/> <u>下划线</u><hr/> <tt>打字机文本</tt><hr/> <sup>上标注</sup><hr> <sub>下标注</sub><hr> <s>可定义删除文本</s><hr> <strike>可定义删除文本</strike><hr> <h1>逻辑字体</h1> <em>强调字体倾斜</em><hr> <strong>强调字体加粗</strong><hr> <code>用于表示计算机源代码或者其他机器可以阅读的文本内容</code><hr> <samp>短语标签</samp><hr> <kdd>键盘文本</kdd><hr> <var>变量的名称</var><hr> <dfn>对特殊术语或短语的定义</dfn><hr> <cite>注释作用</cite><hr> <small>小型文本</small><hr> <big>大字号</big> </body></html>
物理风格直接指定字体的“样式”（如粗、斜、下划线）；
逻辑风格则是指定文本的“作用”（如示例文字、缩小文字）。
就像去餐馆吃饭，点菜的时候，A告诉炒菜的师傅“炒得多一点”，这是物理风格，直接指定样式；B告诉炒菜的师傅“炒得辣一点”，这是逻辑风格，指定作用。
5、字体颜色.....
6、客户端字体
7、字符实体
& &< <> >" "
3、文字布局
1、行的控制空行:
换行：
不换行
......)
...
#=left, center, right3、文字的分区显示
无序列表：
- .........
有序类表:
- ..........
定义列表：
- ......
- .....
定制表中的标记：
定制有序列表表中的序号:
5、预格式化文本
.........
6、块引用:
.......7、闪烁
<!doctype html><html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body><h1>中间</h1><div>大家愚人节快乐</div><div>大家愚人节快乐</div><div>大家愚人节快乐</div><blink>块引用</blink><div>Her Song:<blockquote>When I was young, I listened to the radio waiting for my favorite songs....</blockquote></div><h1>定制列表元素</h1><ul><li type=disc>ONE<li type=circle>TWO<li type=square>THREE</ul><h1>定制列表</h1<dl><dt>Today<dd>Today is yesterday.<dt>Tomorrow<dd>Tomorrow is today.</dl><h1>有序列表</h1><ol><li>Today<li>Tommorow</ol><h1>无序列表</h1<ul><li>Today<li>Tommorow</ul> </body></html>
4、图像
1、插入图像基本语法： src对应图片的地址,alt图片的提示内容
#=top,middle,bottom 分别为上、中、下
#=value
5、表格
1、基本语法：默认的不带边框，
带边框的表格：
| 跨多行的表元 |
3、表格尺寸设置 边框尺寸设置：
|
|---|