HTML
来源：互联网 发布：进击的巨人剧透 知乎 编辑：程序博客网 时间：2024/05/17 01:02
HTML:一种用来定义网页的文本，服务器返回html，浏览器读取html源码后，解析HTML，显示页面。HTML表示网页信息的符号标记的超文本标记语言。
- HTML基本结构
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>实例解析
DOCTYPE：声明了文档类型，用于浏览器使用正确的HTML版本，显示网页内容 <html>:HTML开始标记 <head>内容</head>:HTML文件头标记，可以放置网页的头<title>、css样式<style>、js代码<script>等，head标签的内容不会再浏览器中显示 <body>内容</body>：为可视化网页内容，body区域才会在浏览器中显示，可包含<p>、<h1>、<br>等标签
2. HTML使用约束
–语法不区分大小写，不过尽量小写
–使用<!--XXX-->注释
–代码格式：空格键和回车键不起作用，内容之间的多个回车，只会显示一个
–字符实体：小写符号(<),大写符号(>)
3.HTML的块级元素或内联元素
由于浏览器只显示body标签中的内容，在<body>标签中我们可以创建列表、创建图片、创建表格等内容，而不同的标签在浏览器中显示的样式、排列有所不同，HTML的根据在浏览器中的显示分为块级元素或内联元素。
块级元素：
块级元素在浏览器显示时，通常会以新行来开始（和结束）。即块级元素占一行，如<h1>, <p>, <ul>, <table>，<div>。
<div> 元素是块级元素，它可用于组合其他 HTML 元素的容器。<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表`格化的数据。
样列：
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><p>这是一个段落。</p><p>这是一个段落。</p><p>这是一个段落。</p></body></html>运行结果：
这是一个段落。
这是一个段落。
注：每一个块级元素都占一行，显示为一块内容，即“块框”，又叫盒子，块在浏览器中显示为一个盒子，具有边框、边距，在后面的CSS中会有讲解。
内联元素
<span>为内联元素，只占文字大小，多个span以空格分离显示在浏览器
样式：
<body><span>这是内联元素</span><span>这是内联元素</span></body>运行结果：
这是内联元素 这是内联元素
4.常用的标签
链接：
<a href="链接的目标" target="打开方式" name="规定锚的名称" >链接文字或图片</a>点击链接文字或图片就会跳转到打开href链接的目标地址，目标地址可以是一个网页，也可以是链接到另一个html
图像：
<img src="图片路径" width="图片宽度" height="图片高度" alt="图像定义一串预备的可替换的文本">alt:在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。
标题：
用<h1>~<h6>来定义，<h1>定义为最大标题，<h6>定义为最小标题，浏览器会自动的在标题前后添加空行，搜索引擎使用标题为您的网页的结构和内容编制引擎，用户通过标题来快速浏览你的网页
段落：
用<p>来定义，会自动地在段落的前后添加空行，也可以使用<br/>来换行。
