注:本文为初学html时的笔记,未详细检查,仅作为本人学习记录查阅,内容可能有瑕疵。
<!doctype html>
帮助浏览器解析文档
<head>
放与浏览器相关的不需要展示的部分,写关键词与描述。
>>>>实现搜索引擎优化
<meta name="keywords"content="关键词的内容,一般3-5个"/>
<meta name="description"content="描述的内容,尽量体现是哪个关键词"/>
>>>>页面定时跳转
<meta http-equiv="refresh" comtent="3;url=http:baidu.com"/>3秒后跳转到百度
<body>
放要展示的部分
<h1>---<h6>标题,有强调作用,一般<h1>在一个页面中只有一个
<em>斜体
<strong>粗体
<u>加下划线
<a>1.锚链接效果(一个页面内部跳转)
<ahref="#id">页面内部用#跳转,返回顶部效果<a href="#">
2.超链接效果(从一个页面调到另一个页面)
<ahref="链接地址" target="是否从新的页面打开链接_blank" title="鼠标放到链接上显示的内容">
<pre>在浏览器解析html文档时,会将多个连续的空白字符解析成一个空格,pre空格会被保留。
<imgsrc="图片地址"width="" height="" title="鼠标放到图片上显示的内容" alt="当图片加载不成功时显示,利于seo优化">
有序无序自定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
表格
属性:border,width,height,align,bgcolor,valign
align="center"在table中表示让整个表格居中,写在tr,td中,让文字居中
>>>>合并单元格方法
1.找到要合并的单元格;保留第一个,删掉后两个;给保留下来的单元格指定占用的行数或列,如果合并左右单元格用colspan,上下用rowspan
2.用dreamweaver图形化界面更简单
网页乱码解决方法
网页编码可以理解为两部分:head设置的编码,网页本身的编码;解决乱码只需保持两部分编码一致即可。使用emeditor这个软件另存为相同编码就可以解决。
实体
为了显示特殊字符,使用时查一下就好·~·
<>
图像地图
用dreamweaver,打开图片以后,拆分,右键,属性,地图
图片格式
jpg/jpeg色彩丰富,压缩比高,画质损失小,体积小
png色彩比jpg高一点,压缩比高,设置任意透明度,体积比jpg大一点
gif仅支持256种颜色。体积小,只有透明和不透明两种
绝对路径与相对路径
绝对:带有域名的完整路径
相对:相对于本目录:<a href="cat.jpg">
相对于上级目录:<a href="../cat.jpg">
相对于根目录:<a href="/ cat.jpg">
表单
表单形成的交互界面上有许多元素,负责收集用户输入的各种信息,这些元素一般称为控件。
表单是将里面的内容一起发送,post隐式传输比较安全,传输数据量比较大;get显式传输,在地址栏显示,操作比较方便。
单行/多行文本框,复选框,单选框,文件域,隐藏域,下拉菜单,提交按钮,重置按钮
type:text,password,radio,checkbox,hidden,submit,file,reset,button
<textarea>文本区域</textarea>
<select>
<option>下拉框</option>
</select>
>>>>Point:
1.hidden隐藏域用于后台交流,标记数据,不需要用户看到的
2.同一组单选按钮name属性值一样,复选框name一样,每一个都要加上中括号,选择框向后台发送的是value属性:[name]=value。
3.如果下拉列表的opiton有value值,就发送value值,没有就发送option值。
4.输入框限制最多输入数量maxlength,禁止更改某个元素disabled="disabled"
5.设置默认值:输入框,按钮..用value
单选或多选框checked="checked"
下拉列表selected="selected"
对标签直接在标签中间写默认值