介绍HTML
标记语言:以标记的形式指定用于定义、处理和表示网页文本的代码
HTML全称超文本标记语言
网页可分为静态和动态
HTML编译器大致分为文本编译器和图形编译器
标签:以下HTML标记称为结构化标记,因为他们创建HTML文档的结构:
<!DOCTYPE HTML>文档类型html文档还是h5文档
<HTML>标记
<HEAD>标记
1<TITLE>标题(1上方选项卡的标题2搜索引擎)
2<META>源数据(比如网页作者、关键词、刷新、描述)
<meta name="author" content="Tony">
<meat name="keywords" content="html,html5,css,javascript">
3<BASE>指定地址url
<base href="http://www.baidu.com">
在<body>中加一个超链接<a href="http:..........">点我</a>
所有路径基于基本路径去找
4<STYLE>设置样式
5<LINK>
<link rel="stylesheet" type="text/css" href="style.css"/>
6<SCRIPT>脚本逻辑语言
7<NOSCRIPT>给用户一些提示
<BODY>标记
元素:一对
1<Heading>标记
用于定义指定内容中心思想的标题范围从<H1>到<H6>字体由大到小
2使用以下标记在html文档中添加段落
<p>
<details>//默认折叠
<summary>折叠标题<p>折叠内容
3布局元素
<div>块从上往下
<span>内联从左往右排列
4可使用以下格式化网页内容
<B>加粗<i>斜体<U>下划线 内联级水平排列
<ul>无序列表 列表里面有很多列表项用<li>
<ol>有序列表
<dl>(defind list)自定义列表<dt>自定义标题<dd>自定义描述
空格符
<br/>换行符
<hr>分割线
5在网页中添加图像JPEG.
GIF动图
PNG清晰度高,可实现透明
显示图片用<IMG>
alt//用于指定图像的辅助文本
<img alt="无法显示" width="97" height="120" src="images/xdd.jpg"/>
也可以显示网络图片
6超链接<A>
href
target//打开方式当前窗口还是子窗口
<a href="" target="_blank"(新窗口) 或“_self”(自己)>百度</a>
7插入音频视频这两个标签是h5的
<audio>音频 <audio src=".mp3" controls(播放暂停按钮可现)
autoplay(自动加载播放) loop(循环播放)>
<video src=“”“”muted poster=" " (封面) controls width=“ ”muted="muted"(打开静音状态)poster>
8<meter>衡量数据
<meter min="1" max="20" value="2" low="5" high="10"//分成三个层次>
//处于不同的范围用不同的颜色标识出来
<progress>进度条
<progress min="1" max="100" value="50"></progress>
9<header><footer>
<nav>//导航区域区分链接