<!DOCTYPE html>
在网页的第一行使用该标签表示整个网页是遵循HTML5语法的
网页编码声明:
<meta ="Content-Type" content="text/html; charset=UTF-8">
meta标记放在head标签里面
常用中文编码格式:
utf-8 gbk gb2312
注释:
<!-- 注释内容 -->
注释对网页没有任何影响
<!DOCTYPE html>
在网页的第一行使用该标签表示整个网页是遵循HTML5语法的
网页编码声明:
<meta ="Content-Type" content="text/html; charset=UTF-8">
meta标记放在head标签里面
常用中文编码格式:
utf-8 gbk gb2312
注释:
<!-- 注释内容 -->
注释对网页没有任何影响
HTML网页文件的基本结构(标签的基本语法)
<html>
<head>
<title></title>
</head>
<body>
Hello World!
</body>
</html>
html:根标记,所有的html文件都要有根标记
head:头部分
titile:标题标签
body:身体部分
标签可以嵌套标签
1.html语法不区分大小写
2.又开始,必须有结束
3.单个标记
<hr/>自己开始,自己结束
<pre>预格式标签
最重要的是标签<html></html>
HTML超文本标记语言
<!-- th=table head(表头) -->
<caption>销售统计表</caption><!-- (标题) -->
列合并(colspan="x")x是合并几个单元格,并要把被合并的单元格删除
行合并(rowspan="x")x是合并几个单元格,并要把被合并的单元格删除
<tr>(设置行高度 height 水平对齐 align
垂直对齐 valign 行的颜色覆盖表格的颜色只在当前行有效 bgcolor)
<td>(单元格的width宽度 bgcolor(只对当前单元格有效
<table border="10px"() width="500"(宽度) height="400"(高度)) align="center" (对齐)bgcolor=""(整个表格颜色) cellspacing="10px"(单元格与表与外边框的间距) cellpadding="10px">(单元格内容与外边框的间距)
<table>(表格)
<tr>(行 table row )
<td>(列 table data)
</td>
</tr>
</table>
1.从另外页面进入其他页面锚点的位置
<a href="11超链接与锚点.html#chapter2">《斗破苍穹》第二章</a><br/>
2.用超链接实现下载压缩包
<a href="Img.zip">下载图片 </a>
3.发送邮箱(一般不用这种方式)
<a href="mailto:1250646721@qq.com">联系我们</a>
打开一个空白的选项卡
<a href="http://www.baidu.com" target="_blank">进入百度</a>
当前页面覆盖掉
<a href="02段落和标题.html" target="_self“>进入到段落那个网页</a>
鼠标放上去会有提示的文字
<a href="http://www.baidu.com" target="_blank" title="我是超链接的标题">进入百度</a>
通过name来定义锚点,#+锚点跳转到锚点指定位置
<a href="#" name="chapter1"></a>(锚点)
<h1>第一章</h1>
sdfjs<br/>sdsg收到嘎斯是速度fjs<br/>s使对方是个dfjsdfjs<br/>
使得法国sdfjs<br/>晚上的方式大概sdfjs<br/>
超链接
<a href="http://www.baidu.com">进入百度</a>
<a href="02段落和标题.html">进入到段落那个网页</a>
<a href="#">空连接</a>
给文字超链接
<a href="http://www.sikiedu.com/">《API》
给图片超链接<img src="Img/01.jpg"/></a>
<dl>
<dt>水果</dt>(标题)
<dd>苹果</dd>
<dd>香蕉</dd>
<dd>橘子</dd>
</dl>
无序列表
从1开始
<ul type="1">
<li></li>
</ul>
有序列表
从i开始
<ol type="i">
<li></li>
</ol>
图片
<img src="xx/xx/xx.jpg" align="right middle left"width="xxxpx 90%"height = "xxxpx 10%" alt="解释"/>
如果使用百分比的时候,是相对于父容器大小的百分比
alt的作用:http:www.w3school.com.cm/tags/att_img_alt.asp
alt利用于搜索引擎的搜索
相对路径和绝对路径
path=
当前路径./xx.jpg
上一级路径:../xx.jpg
上上一级路径:../../xx.jpg
下一级路径:xx/.xx.jpg
path="c:\users\souke\Desktop\web\01.jpg"
一般在项目中都使用相对路径
特殊符号要使用相应的字符实体名称:w3school
空格  < < > > & &
加粗<b></b> <strong></strong>
倾斜<i></i> <em></em>
下标<sub></sub> 2<sup>2</sup>=4 <sup></sup> <sub>[1]</sub>
预标签<pre></pre>格式和字体和网页都相同
字体标签<font color="green" size="7" face="隶书"></font>
上标sup,下标