标签:结束 一级目录 src css hyper rest 有序 alt utf-8
? html Hyper Text Markup Language 超文本标记语言, 是一种通过标签来描述网页的语言
? 标签是由一对尖括号包围起来的关键字
? 标签是用一对尖括号包起来的关键字 有单标签和双标签之分
? 单标签 只有开始标签没有结束标签 <标签名 />
? 双标签 有开始标签和结束标签 <标签名> <标签名/>
块元素 独占一行 如div p
行元素 可与其他元素共占一行 如 span em
行内块元素 可与其他元素共占一行 如 a img
<!DOCTYPE html> <!--声明部分告诉浏览器以什么样的格式解析-->
<html lang="en"> <!--两个HTML之间的内容用来描述网页-->
<head><!--头部信息 这部分的内容不会直接显示在网页上 -->
<meta charset="UTF-8"><!--告诉浏览器文本的编码-->
<title>HTML基础</title><!--文档的标题-->
</head>
<body><!--主体部分 这部分的内容直接显示在网页上 是我们的主要作战区 -->
</body>
</html>
? 字符编码又称字符集,是一种用来存储数据的编码,要想正确的显示文本的信息则需要知道其编码格式,否则会产生乱码,常见的是GBK2312 和utf-8.
Chrome webkit -> blink
firefox Gecko
safari webkit
opera presto -> blink
ie trident
? 使用合适的标签来描述网页的内容
让浏览器的搜索引擎更好的抓取网页的主要内容
在没使用css的情况下 较好的展现网页的结构
提高用户体验
<div>这是一个div</div>
<h2>这是一个标题,h1-h6,h1最大</h2>
<p>这是一个段落</p>
<span>这是一个span</span> <br />
<b>加粗</b><br />
<strong>强条加粗</strong><br />
<i>斜体</i><br />
<em>强调文本</em> <br />
<a href="http://www.baidu.com" target="_blank">百度</a><br /><!--链接-->
<img src="" alt="找不到图片"><!--展示图片-->
<ul><!--无序列表-->
<li>张三</li>
<li>李四</li>
<li>王五</li>
<li>赵6</li>
</ul>
<ol><!--有序无序列表-->
<li>张三</li>
<li>李四</li>
<li>王五</li>
<li>赵6</li>
</ol>
? 相对于当前网页的路径
? ./ 表示当前目录
? . ./ 表示上一级目录
./ 一般可省略不写
? 带有域名的文件完整路径 , 以https:端口号/工程名/包名/文件名
标签:结束 一级目录 src css hyper rest 有序 alt utf-8
原文地址:https://www.cnblogs.com/HuYongAn/p/12658668.html