html
HTML
Hyper Text Markup Language(超文本标记语言)
DOCTYPE声明
文本
</!doctype>
基础格式
<title>标签 只能在 head里面写 <meta>标签 也只能在 head里写 主要是设置字符编码 如何设置<meta charset="UTF-8"> 设置搜索关键字<meta name="keywords" content="北大青鸟，IT培训"/> </title>标题标签 内容文本标题 h1 /h1
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
段落 p /p
....
换行标签 br/
水平线标签
字体样式加粗 strong
lalala
斜体 em
lllll
注释和特殊符号
空格   ;
大于号 > ;
小于号< ;
引号 " ;
版权符号@ © ；
图片
<img src="path"（图像地址） alt="text"（图像的代替文字） title="text" （鼠标悬停提示文） width="x" （宽）height="y"（高） />
超链接
<a href( 超链接地址 )= "path" target="(_blank(新开))（_self 当先窗口）目标窗口位置">链接文本或图像
-
页面间链接（从一个链接跳转到另一个链接）
-
锚链接（从一个位置跳转到另一个位置）
-
<a name "marker"(自己起的)>
-
功能性链接（调用功能）
- 邮件链接：联系我们
列表
无序列表：
有序列表
定义列表
- 水果
- 桃子
表格
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table border="1" >
<tr>
<td colspan="3">学生成绩</td>
</tr>
<tr>
<td rowspan="2" >张三</td>
<td>语文</td>
<td>98</td>
</tr>
<tr>
<td>数学</td>
<td>95</td>
</tr>
<tr>
<td rowspan="2" >李四</td>
<td>语文</td>
<td>90</td>
</tr>
<tr>
<td>数学</td>
<td>100</td>
</tr>
</table>
</body>
</html>
加粗标签： 每一列的标题
设置标题
视频音频
视频：video。。。<video src="路径" controls( 带控制面板的) autoplay（自动播放） loop（循环播放）>
音频：audio ...
兼容不兼容和视频格式写法一样
页面布局分析
header 标题头部区域
footer脚部区域
section： wed页面中的一块独立区域 （中间）
article 独立的文章内容
aside 相关内容或应用 （常用于侧面边框）
nav 导航类辅助内容
语法
:
:另一种用法
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h2>上方导航条</h2>
<p>
<a href="1.html" target="f1">下面显示第一页</a><br/>
<a href="2.html" target="f1">限免显示第二页</a><br/>
<a href="3.html" target="f1">限免显示第三页</a><br/>
</p>
<iframe name="f1" width="800px" height="300px"/></iframe>
</body>
</html>
浙公网安备 33010602011771号