5570人加入学习
(22人评价)
Web前端第一季(HTML)

制作完成于2018年5月25日

价格 免费

<!DOCTYPE html>
在网页的第一行使用该标签表示整个网页是遵循HTML5语法的

网页编码声明:
<meta ="Content-Type" content="text/html; charset=UTF-8">
meta标记放在head标签里面

常用中文编码格式:
utf-8 gbk gb2312

注释:
<!--&nbsp;注释内容&nbsp;-->
注释对网页没有任何影响


[展开全文]

HTML网页文件的基本结构(标签的基本语法)


<html>
	<head>
		<title></title>
	</head>
	<body>
		Hello World!
	</body>
</html>

html:根标记,所有的html文件都要有根标记

head:头部分

titile:标题标签

body:身体部分

标签可以嵌套标签

1.html语法不区分大小写

2.又开始,必须有结束

3.单个标记
<hr/>自己开始,自己结束


[展开全文]

<!-- 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

空格&nbsp < &lt > &gt  & &amp 

[展开全文]

加粗<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>

[展开全文]

授课教师

SiKi学院老师

课程特色

下载资料(1)
视频(43)