个人认为在后端开发中,使用下述内容已经足够,html细化部分是交给美工制作的。
1.表格table里有行tr,tr里面有td单元格(td也可以用th代替,多的是加粗,居中)
<table border="1px">
<tr>
<td>用户名</td>
<td><input type="text" name="username" value="张家程"/></td> <!--value的值自动填入-->
</tr>
</table>
2.背景颜色和背景图片
3.图片img标签:
<img src=“图片路径” width等属性 title设置鼠标悬停时显示的信息>
4.超链接
a href=“http://www.baidu.com”>百度</a
//后面可以接任何资源的地址
超链接里有一个target属性
可取值:
_blank 新窗口
_self 当前窗口(默认)
_top 顶级窗口
_parent 父窗口
5
无序列表:
<li>中国</li>
<ul>
<li>北京</li>
<li>上海</li>
<li>沈阳</li>
</ul>
- 中国
- 北京
- 上海
- 沈阳
有序列表,且加上ol可以成为从属列表
<ul> <ol> <li>水果</li> <ol> <li>苹果</li> <li>香蕉</li> </ol> <li>蔬菜</li> <li>肉</li> </ol> </ul>
- 水果
- 苹果
- 香蕉
- 蔬菜
- 肉
6.表单,用于提交内容
<form action="https://passport.bilibili.com/login" target="_blank" name=value> <!-- form中method属性: 取get时,用户提交的信息会显示在浏览器地址中,默认是是get 取post时,用户提交的信息不会显示 --> <!---用户名<input type="text" /> 密码<input type="password"> <input type="submit" value="转换"/> ---基础用法---> <input type="submit" value="登录"/> <input type="reset" value="清空"/>