1.对网站与网页的理解
网站是网页的集合,网页是构成网站的基本元素,网页本质上是html文件
2.浏览器内核:具有负责读取网页内容,整理讯息,计算网页的显示方式并显示网页的一系列作用
3.HTML标签
标签分为双标签如:<html></html>(成对出现)和单标签如<br />
4.对各类标签的学习
<!DOCTYPE> 文档类型声明(告诉浏览器使用哪种HTML版本来显示网页)
如:<!DOCTYPE html>
<html lang="en"> 选择语言类型 en为英文(但中英文都可以显示)zh-cn为中文>
标题标签<h1>-<h6>(分为6级)
<h1>一级标题</h1>
作为标题使用,重要性依次递减,从1到6字号依次减小,文字加粗,独占一行
段落标签:<p>一段</p> (段与段之间会有较大空隙)
强制换行:<br />单标签 ,可以强制换行,行之间的空隙较小(与段落标签相比)
文本格式化标签
加粗:<strong></strong>(<b></b>)
倾斜:<em></em> (<i></i>)
删除线:<del></del>(<s></s>)
下划线:<ins></ins>(<u></u>)
图像标签
<img src="图像的路径和文件名(常使用相对路径)"/> 其中src为必须属性 (文件一般与html文件放在一起)
其他属性:alt 替换文本 当图片显示不出来时用文本来替换
title 提示文本 当鼠标放到图像上时显示的文字
width 设宽 height 设高 border 设置边框
(img 后可以跟多个属性,属性之间用空格)
超链接标签
<a href="跳转目标" target="目标窗口的弹出方式(_self 当前窗口打开 _blank另起一个窗口打开)">链接名</a> href为必须属性
空链接为#
特殊:锚点链接 快速定位到页面中的某个位置
<a href="# two">xxx</a>
<h1 id="two">xxxx</h1>
注解标签
<!--xxxx--> 而利用 Ctrl+”/“快捷键快速生成注解
特殊字符:空格  ;< < > >
表格标签
<table align="center" border="1" cellspacing="0" width="500" height="500">
<thead>
<tr>
<th colspan="3">klang</th>
<td>xxxx<td>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table></table>定义表格
<tr></tr>表格中的一行
<td></td>表格中一行的一个单元格 <th></th>表头单元格,其中的文字加粗居中
表格属性:align 对齐方式,值有left,center,right; border 边框 值有0/1,为0时没有边框
cellpadding 单元格边框与其内容之间的空白
cellspacing 单元格与单元格之间的空白大小
合并单元格(<td>的属性)
跨行合并 rowspan="合并个数"
跨列合并 colspan="合并个数"
列表
无序列表<ul></ul>,列表项<li></li>
有序列表<ol></ol>,列表项<li></li>
自定义列表<dl><dl>,列表项<dt><dt><dd><dd>
其中<ul>与<ol>中只能放<li>,但<li>中什么都可以放
input输入 <input type="属性值"/> text 输入内容为文本,password输入内容为密码