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

制作完成于2018年5月25日

价格 免费

超链接:

<a href="http://www.bai.com">进入百度</a>

<a href=" ">空连接</a>空连接不作任何跳转,y也可以把中间的空格换成井号#

给图片添加超链接:

<a href="地址"><img src="img/01.jpg"/></a>

也可以给文字和图片一起添加超链接

[展开全文]

自定义列表:

<dl>

<dt>水果</dt>

        <dd>橘子</dd>

       <dd>苹果</dd>

       <dd>香蕉</dd>

<dt>运动</dt>

 <dd>篮球</dd>

<dd>足球</dd>

<dd>跑步</dd>

</dl>

[展开全文]

无序列表:

<ul type="circle">

<li></li>  //列表项

<li></li>

<li></li>

</ul>

属性type表明列表项前是小圆点还是小圆圈,小矩形。

有序列表:

<ol start="10" type="a">

<li></li>

<li></li>

<li></li>

</ol>

默认按照1234顺序,属性start从10开始标号,type="a"小写写字母形式,且从第十个小写字母开始,type="1"以字母顺序开始,也可以大写字母开始,大写I表示大写罗马数字,小写i表示小写罗马数字

[展开全文]

src=相对路径就是相对于当前网页文件所在的路径,从网页文件所在的路径开始找图片

src=绝对路径,绝对路径是从根目录开始的路径

src="./img/01.jpg",其中“./ ”就代表当前路径,一个点代表当前路径,两个点代表上一级路径

src="../"上一级路径开始查找

src="../../"上两级(上一级的上一级)

[展开全文]

图片标签:单标签

这是课程<img src="img/5.jpg" align="top,center,bottom" width="200px" height="50px" alt="siki学院的课程"/>

图片位置,文字与图片的对齐方式,图片宽度,高度,宽度高度也可以设置成百分比,50%相当于父容器的50%,即body的大小(缩放后的大小),设置成百分比可以自适应屏幕分辨率。

alt提示属性,如果无法显示图像,alt后面的内容将会显示,或者浏览器加载图片太慢,或者图片路径写错,都会出现althoumian

 

 

[展开全文]

要在网页上显示特殊符号需要使用实体名称,在w3cschool上可以方便查询.

[展开全文]

修饰标签:

在要加粗的文字两边加上<b></b>标签,或者<strong></strong>

倾斜:<i></i>或者<em><>

上标:<sup><>

下标:<sub><>

[展开全文]

预格式标签和字体标签:

预格式标签:

<pre></pre>在编辑器里面是什么格式就原封不动的显示在网页上。

字体标签:

<font color="red" size="1"  face="幼圆"></font>,字体标签,属性颜色=红色,大小=1(变化范围1-7),字体=幼圆(是本机上存在的字体,可通过记事本查看)

[展开全文]

属性标签:

<p align="right">右端对齐

<p align="center">中间对齐

<p align="justify">两端对齐

<p align="left">居左对齐,默认方式

[展开全文]

常用的单标记

<hr/>横线

<br>换行

<p></p>是段落标签,zichengyihang

<h1></h1>标题标签,自动加粗,独占一行

......<h6></h6>

 

[展开全文]

utf-8,gbk,gb2312都是支持中文的

<!-- -->

[展开全文]

html语法标签不区分大小写

<hr/>是单个标记,刚开始就结束了哈哈哈

[展开全文]

表单:

<form>

<table>

<tr>

<td>

账号

</td>

<input type="text" />

</tr>

<tr>

<td>

密码

</td>

<input type="password" />

</tr>

 

</table>

 

</form>

[展开全文]

设置表头:

<tr>

<th>

</th>

</tr>

设置标题:
<caption>

</caption>

[展开全文]

横向单元格的合并:colspan="2",注意被合并的列需要删除掉

纵向单元格的合并:rowspan="2"

[展开全文]

老师的是1920*1080,我的是1024*768……

[展开全文]

13.图片显示<img src="01.jpg" align="bottom"/>

 

像素显示width=“200”height=“300”

也可以设置百分比width=“100%”

 

alt=“图片路径出错”在路径出错时、图片加载不出来时会显示这样的字

 

 

[展开全文]

文本域

<textarea  row="10" cols="10"()> </textarea>

[展开全文]

授课教师

SiKi学院老师

课程特色

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