超链接:
<a href="http://www.bai.com">进入百度</a>
<a href=" ">空连接</a>空连接不作任何跳转,y也可以把中间的空格换成井号#
给图片添加超链接:
<a href="地址"><img src="img/01.jpg"/></a>
也可以给文字和图片一起添加超链接
超链接:
<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/>是单个标记,刚开始就结束了哈哈哈
w3cschool
text="radio"
表单:
<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>