003HTML

HTML:负责网页的架构

CSS:负责网页的样式，美化

js：负责网页的行为

html标签

单标签<br/>

双标签<b></b>

属性格式：属性名=“属性值”

<a href="http://www.jd.com">京东</a>

html骨架标签

html编写工具

HBuilder

crtl+s快捷保存

tab键帮助补齐

crtl+c复制光标所在行

注释

不被浏览器执行，解释程序的作用

<!--

-->

crtl+/ 注释快捷键

测试点：上线之前要对前端页面注释检查或去除所有注释

标签

标题标签

通过<h1>-<h6>等标签进行定义

<h1>h1</h1>

段落标签

段落是通过<p>标签进行定义的，标签有语义化的作用，给浏览器看

<p>段落1</p>

超链接标签

通过<a></a>标签来定义

<a href="http://www.baidu.con" target="_blank">点我跳转</a>

href:跳转指定的地址（带协议http）

target:打开窗口的方式,健壮性，输入其他的也当做_blank处理，跳转到新页面

图像标签

单标签<img />

<img src="logo.jpg" title="传播博客" alt="logo" witdth="104" height="142"/>

src 路径

title：鼠标悬停时显示

alt:图片未加载提示信息

测试点：必须有title

相对路径

相对当前执行文件所在位置来说

上一级：../

同级：./

换行和空格

换行：<br/>

空格：&nbsp;

布局

大盒子<div></div> 独占一行

小盒子<span></span> 一行可以放多个

列表

列表<li></li>元素

有序<ol></ol>

无须<ul></ul>

<ol>

<li>1</li>

<li>2</li>

</ol>

表单

页面提交输入信息需要使用表单标签<form>

action指定将数据提交给哪个页面

methon:提交方法

get:

1. 明文提交，所有的参数在url中可见
2. 速度快
3. 提交内容长度有限制

post:

1. 非明文提交
2. 速度慢
3. 提交内容长度不受限

<input type=""/>

Type的选择

文本框：text

密码：password

单选按钮：radio 两个单选按钮name变成一致实现二选一

复选框:checkbox

按钮：

提交:submit

重置：reset

普通：button