百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

小萌新学习HTML/CSS第一天(小薇学院任务一)

作者华云彬课程任务一:零基础HTML编码10309次浏览1472017-02-25 00:23

PS:本人为大二在校生,接触HTML没有多久,此前在慕课网上看过HTML/CSS的教程,但从未系统的学习过,经同学的推荐,才知道了百度前端学院,小萌新学习第一天,另附小薇学院任务一在线demo地址:http://118.89.141.97/IFE-2017/Wei-Task%2001/
正文:
1.开始编辑一个网页时最基本的框架,虽然这段代码大多数的IDE工具都能自动的生成,但对初学者来说建议还是自己打一下吧

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>网页标题</title>
</head>
<body>
</body>
</html>

2.空格,在html中输入空格是没有作用的,需要输入&nbsp这个代码

3.在新窗口中打开链接 target="_blank"
<a href="http://www.baidu.com" target="_blank">这里有一个链接http://www.baidu.com</a>

4.ul无序列表,ol有序列表

5.<label>标签的使用:在使用单选框时,使如点击“男”字时,也能选中单选框。方法:使用label标签,标签中的for属性设置为单选框的id属性。另外对于同一组的单选框,如男和女,需要设置同样的name属性。

<input type="radio" id="nan" name="gender">
<label for="nan">男</label>
<input type="radio" id="nv" name="gender">
<label for="nv">女</label>

6.下拉选择框或复选框,.下拉选择框selected="selected"设置默认选中,复选框checked="checked"设置默认选中

<select>
            <option>北京</option>
            <option>杭州</option>
            <option selected="selected">上海</option>
        </select>

`<input type="checkbox" id="sport" checked="checked">

<label for="sport">运动</label>`

7.表格加边框
<table border="1"></table>

8.td标签中的colspan属性设置单元格合并
<td colspan="2">1000</td>

30条评论