html总结:
互联网三大基石:
url:
资源定位符,作用 定位资源。
html:
超文本标记语言,作用 显示资源。
http:
超文本传输协议,作用 传输资源。
html的三种书写方式:
1.建立一个txt文件,内容写上html语言,把后缀改为.htm或.html。
2.使用可视化工具,比如DreamWeaver等工具...
3.通过服务器响应html语言的字符串,在浏览器解析。
html的标准结构:
根节点
html
头元素
head title窗口名字
refresh 直接写秒数,每隔多少秒刷新本页面,后面跟url 隔多少秒后跳转到该页面。
用于搜索引擎优化(SEO):
作者
描述
关键字
了解即可,现在没用了。
页面体
body 放显示在页面的标签。
html语言不区分大小写,注释<!-- -->,注意书写 起始标签和结束标签尽量一起写以免忘记。
属性:
作用:描述标签,可以简单的控制标签显示。
注意:单双引号都可以,不写也可以, 注意不写的时候 后面一定要加上空格,一般要加上引号。
body详解:
控制页面颜色:
bgcolor 可以写英文单词 例如 red.. 也可以写 由RGB三原色组成的16进制数来表示,注意前面有#
background 可以引入 外部或本地资源
注意两个属性不要同时出现
body中的重要标签:
p 段落 默认换行
h1~h6 标题元素 加黑 1-6 逐渐变小 默认换行
br 可以写成 br/ br /br 建议 br/
hr 水平线 width 可以写百分比,或固定像素 , size控制高度,color控制颜色
del 删除的字体
i 斜体
b 加粗
sub 下标
sup 上标
pre 格式原样输出
字符实体:
需要记住的
空格 < 小于符号 >大于符号 & &符号 其他需要的时候查看文档即可
img标签:
<img src="资源(外部或本地均可)" width="宽度" height="高度" alt="图片找不到时,显示的文字"
title="鼠标放上图片时显示的文本" border="设置边框"/>
注意width 和height同时使用 可能会失真 单独设置 不会失真 另外一个属性自动计算出
列表:
有序列表:
<ol>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ol>
ol中有type 属性 可以写 i I a 1 .....
无序列表
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
超链接(a标签):
<a href="资源路径">显示在页面的内容</a>
target 属性:
打开的窗口,默认_self 本窗口打开,_blank 新建窗口打开。
锚点:
第一步:定义锚点,在需要锚点跳转的位置加一个 <a name="锚点名" />
第二步:使用锚点,找到锚点所在页面 加上#锚点名 本页面#锚点名
embed 页面播放多媒体的标签:
autostart 是否自动播放
hidden 是否隐藏播放
loop 是否循环播放
表格table:
table-->tr--->th或td
tr 代表行
td 代表列
th 代表列 特性 居中 加粗
table中的属性 border 边框 width 宽度 height 高度 align="center|right|left" 表格的位置
tr中 align="center|right|left" 下面的所有td中的文本 位置居中或右边或左边
td中 align 控制该单元格中文字位置
重要东西:
跨行: rowspan
跨列: colspan
frameset框架(了解):
cols 按列分
rows 按行分
可以写 百分比 可以写固定像素 可以用* 表示剩余的页面
frame 代表切分后的每个页面 用src属性 引入该切分页面 显示的内容
frameset中的属性:
border 边框宽度
frameborder yes no 是否显示边框
frame中的属性:
noresize 不调整页面宽度
scrolling yes no 是否显示滚动条
表单form:
普通文本域:
<input type="text" />
密码框:
<input type="password" />
单选框:
<input type="radio" /> 注意 同name才是一组单选框
多选框:
<input type="checkbox" />
下拉列表:
<select>
<option></option>
<option></option>
</select>
文本域:
<textarea></textarea>
按钮:
<input type="button" value="按钮显示内容" />
互联网三大基石:
url:
资源定位符,作用 定位资源。
html:
超文本标记语言,作用 显示资源。
http:
超文本传输协议,作用 传输资源。
html的三种书写方式:
1.建立一个txt文件,内容写上html语言,把后缀改为.htm或.html。
2.使用可视化工具,比如DreamWeaver等工具...
3.通过服务器响应html语言的字符串,在浏览器解析。
html的标准结构:
根节点
html
头元素
head title窗口名字
refresh 直接写秒数,每隔多少秒刷新本页面,后面跟url 隔多少秒后跳转到该页面。
用于搜索引擎优化(SEO):
作者
描述
关键字
了解即可,现在没用了。
页面体
body 放显示在页面的标签。
html语言不区分大小写,注释<!-- -->,注意书写 起始标签和结束标签尽量一起写以免忘记。
属性:
作用:描述标签,可以简单的控制标签显示。
注意:单双引号都可以,不写也可以, 注意不写的时候 后面一定要加上空格,一般要加上引号。
body详解:
控制页面颜色:
bgcolor 可以写英文单词 例如 red.. 也可以写 由RGB三原色组成的16进制数来表示,注意前面有#
background 可以引入 外部或本地资源
注意两个属性不要同时出现
body中的重要标签:
p 段落 默认换行
h1~h6 标题元素 加黑 1-6 逐渐变小 默认换行
br 可以写成 br/ br /br 建议 br/
hr 水平线 width 可以写百分比,或固定像素 , size控制高度,color控制颜色
del 删除的字体
i 斜体
b 加粗
sub 下标
sup 上标
pre 格式原样输出
字符实体:
需要记住的
空格 < 小于符号 >大于符号 & &符号 其他需要的时候查看文档即可
img标签:
<img src="资源(外部或本地均可)" width="宽度" height="高度" alt="图片找不到时,显示的文字"
title="鼠标放上图片时显示的文本" border="设置边框"/>
注意width 和height同时使用 可能会失真 单独设置 不会失真 另外一个属性自动计算出
列表:
有序列表:
<ol>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ol>
ol中有type 属性 可以写 i I a 1 .....
无序列表
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
超链接(a标签):
<a href="资源路径">显示在页面的内容</a>
target 属性:
打开的窗口,默认_self 本窗口打开,_blank 新建窗口打开。
锚点:
第一步:定义锚点,在需要锚点跳转的位置加一个 <a name="锚点名" />
第二步:使用锚点,找到锚点所在页面 加上#锚点名 本页面#锚点名
embed 页面播放多媒体的标签:
autostart 是否自动播放
hidden 是否隐藏播放
loop 是否循环播放
表格table:
table-->tr--->th或td
tr 代表行
td 代表列
th 代表列 特性 居中 加粗
table中的属性 border 边框 width 宽度 height 高度 align="center|right|left" 表格的位置
tr中 align="center|right|left" 下面的所有td中的文本 位置居中或右边或左边
td中 align 控制该单元格中文字位置
重要东西:
跨行: rowspan
跨列: colspan
frameset框架(了解):
cols 按列分
rows 按行分
可以写 百分比 可以写固定像素 可以用* 表示剩余的页面
frame 代表切分后的每个页面 用src属性 引入该切分页面 显示的内容
frameset中的属性:
border 边框宽度
frameborder yes no 是否显示边框
frame中的属性:
noresize 不调整页面宽度
scrolling yes no 是否显示滚动条
表单form:
普通文本域:
<input type="text" />
密码框:
<input type="password" />
单选框:
<input type="radio" /> 注意 同name才是一组单选框
多选框:
<input type="checkbox" />
下拉列表:
<select>
<option></option>
<option></option>
</select>
文本域:
<textarea></textarea>
按钮:
<input type="button" value="按钮显示内容" />