第一章 概念
完整的HTML文件包含html元素，body元素以及其里面的内容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
HTML是由一套标记语言(markuptag)组成的，通常就叫标签
<p>Hello World</p> 标签之间的文本叫内容
第二章 基本元素
1.标题
<h>..</h> //标题会自动粗体，大写其中的内容，并且带有换行效果
注：会使用<h1>到<h6>分别表示不同大小的标题
2.段落
<p>...</p> //p标签即表示段落，有自动换行效果
3.粗体
<b>...</b>
<strong>...</strong>
4.斜体
<i>...</i>
<em>...</em>
5.预格式
<pre>...</pre> //保留原来代码输入的格式
6.删除效果
<del>...</del> //文字上有删除的标记
7.下划线
<ins>...</ins> //文字上有下划线
8. 图像
A: <img src="ex.jpg"/>
B: <img width="200" height="200" src="ex.jpg"/> //设置图片大 小
C: <div align="center"> //设置图片位置，使其居中
<img src="ex.jpg"/>
</div>
9.超链接
A: <a href="跳转到的页面地址">超链显示文本</a>
B: <a href="http://www.12306.cn" target="_blank">http://www.12306.cn</a> //在新的页面打开
C：<a href="http://www.12306.cn" title="跳转">http://www.12306.cn</a> //当光标放在超链接上时会弹出提示信息
10.表格
<table>标签用于显示表格 其border=”1”时，
<tr>表示行
<tb>表示单元格
11.列表
A: 无序列表 <ul>
<li>DOTA</li>
<li>LOL</li>
</ul>
B：有序列表
<ol>
<li>地卜师</li>
<li>卡尔</li>
</ol>
12.块
<div> <span>结合ccs来进行布局
13.字体
<font>...</font>常用的属性有color和size，分别表示颜色和大小
14.内联结构
<iframe src="http://baidu.com/" width="600px" height="400px">
</iframe> 相当于浏览器里面有个小浏览器
第三章 表单元素
1.文本框
<input type=”text” size=”10” value=”初始值”> //placeholder=”输入账号”
2.密码框
<input type=”password”>
3.表单
<form>….</form>用于向服务器提交数据，比如账号密码
4.单选框
<input type="radio" > 表示单选框 //checked="checked"表示默认选中
5.复选框
<input type="checkbox"> 即表示复选框
6.下拉列表
<select >
<option >数学</option>
<option >英语</option>
<option >科学</option>
</select>
7.文本域
8.普通按钮
<input type="button" value="一个按钮">
9.提交按钮
<input type="submit"> 即为提交按钮，用于提交form，把数据提交到服务端
10.重置按钮
<input type="reset"> 重置按钮 可以把输入框的改动复原
11.图像提交
12.按钮
<button></button>即按钮标签
与<input type="button">不同的是，<button>标签功能更为丰富
按钮标签里的内容可以是文字也可以是图像
网友评论