1.简介
HTML:开发者希望用户看到的信息,比如:文字、图片、视频等等
CSS:改变内容外观,对内容加以修饰
JavaScript:实现特效效果,如:鼠标滑过出现下拉框;
2.标签特性
标签由 < 和 > 组成,比如:<html>
标签成对出现:一个开始标签,一个结束标签,且·开始标签比结束标签多一个 / 。
比如:<html> </html>
3.标签结构
根标签:<html>,所有标签都需要包含在<html>以及</html>之间;
头部标签:<head>,定义文档的头部,是所有头部元素的内容。(一般不做主要信息展示给用户看)
头部元素包含:
<title>:网站的标题(多为了让用户一目了然网站的主题)
<script>:
<style>:
<link>:
<meta>等。
内容标签:<body> ,标签之间的内容为网站显示的主要内容。
包含标签:
<hx> :head.文章头部(标题);x为1-6,<h1>级别最高;标题默认均会加粗,<h1>最粗;
<p> : paragraf,文章段落,一个段落一个<p>标签.
段落<P>中文本一般包含以下标签:
<em>:强调段落中都字段(斜体强调);<em>强调的字段</em>
<strong>:强调段落中都字段(粗体强调);同上
<span>:设置单独的样式(非强调),比如设置成蓝色blue;同上
<q>:quote,引用别人的话(简短文本),使用此标签后程序会自动为这段话加上引号;
<blockquote>:block:块;quote:引用;文本块引用;使用此标签后自动为此文本缩进;
<br/>(或<br>):回车键(换行:branch),注:这是空标签,即没有html内容,只需在需要的地方写一个开始标签,类似的空标签还有<hr/>,<ima/>
 : blank space ;需要一个空格加一个标签;
<hr/>:水平横线,空标签
<address>:定义地址(如:邮件地址),签名,文档的作者信息。
<code>:加一行代码标签;
<pre>:加一段代码标签
ul-li:列表标签(列表间无序);自动为列表前面加上小圆点;
<ul>
<li>列表一</li>
<li>列表二</li>
</ul>
ol-li:列表标签(列表间有序排列,自动从前到后加序号)
<ol>
<li>列表一</li>
<li>列表二</li>
</ol>
<div>容器标签,把相互关联的逻辑部分(如:独立的栏目板块)划分出来 :
<div> 逻辑部分<div>
为容器添加唯一标识: <div id = “标识名称”>逻辑部分 </div>
<table>:表格标签,整个表格以<table>标签开始,</table>标签结束
<tr>:表格的一行,有几行就有几对<tr>标签
<th>:表格的表头,默认加粗·加黑
<td>。一行中的列,即一个单元格
summary:表格摘要,一般不现实在表格上,增加表格可读化:<table summary = "摘要内容·">......</table>
<caption>:表格标题,显示在表格上方
<a>:超链接(默认蓝色,点击过后紫色):
<a href = "链接跳转地址“ title = ”鼠标滑过提示的内容“> 被点击内容</a> :默认在当前窗口打开链接
<a href = “链接跳转地址” target = “_blank"> 被点击内容</a> 在新窗口打开链接,blank:空白
使用<a>标签发邮件:
mailto后面多个参数,第一个参数前有?,之后参数前用&;
邮箱地址 mailto : <a href = "mailto:邮箱地址>发送</a>
多个邮箱地址:分号隔开 <a href = "mailto:邮箱地址1;邮箱地址2;邮箱地址n>发送</a>
<a href = "mailto:邮箱地址
抄送地址:cc= :<a href = "mailto:邮箱地址?cc=邮箱地址”>发送</a>
密送地址:bcc=:<a href = "mailto:邮箱地址?bcc = 邮箱地址”>发送</a>
邮件主题:subject =:<a href = "mailto:邮箱地址?subject = 邮箱主题”>发送</a>
邮件内容:body = :<a href = "mailto:邮箱地址?body = 邮箱内容”>发送</a>
<ima>:插入图片:<ima src = “图片网址” alt = “图片下载失败时显示此图片” title = “鼠标经过显示的提示语”>
4.注释:格式: <!-- 注释内容-->
例子:
html的基本结构:
例子: