<input type="text" name="username" value="siki" maxlength="6" placeholder="请输入用户名">
value为默认用户名
maxlength为最大长度,也就是最多能显示出来6个字符
placeholder提示信息
<input type="text" name="username" value="siki" maxlength="6" placeholder="请输入用户名">
value为默认用户名
maxlength为最大长度,也就是最多能显示出来6个字符
placeholder提示信息
表头th自动把内容加粗居中
<caption></caption>tianjia的标题
cellspacing是单元格之间的间距
cellpadding是单元格中的内容与单元格的间距
表格标签:
<table border="1">边框为1像素
<tr>行
<td></td>列
</tr>
</table>
<a href=" 地址" target=“blank”></a>
target="blank”时,跳转后会出现一个新的地址栏
target="self"时,在内部跳转,不出现一个新的地址栏,本地址栏变成跳转后的地址
超链接:
<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>