这个月由于忙着准备期中考和几个科目的期末考。还有各种各样的活动。所以并没有学习什么东西,只是将前端的一些基础知识复习了一下。(本来是打算建站的,但是因为看起来觉得很难,所以一拖再拖还是没有动手。)下面是一些前端的基础知识。
HTML
HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。
使用工具
推荐使用WebStorm进行学习。可以给我们提供很多便利。可以用学生认证白嫖软件
相关知识
html一般是双标签,只有少数的单标签。双标签WebStorm会自动补全后面的标签。
h p 标签等基础不再赘述,下面说几个比较经典的html语法。
style 可以给便签添加样式。通常写在前标签里面。
<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
body中的form表单很重要,需要重点学习。学习前端,可以输入一个功能后,打开页面浏览一下。下面代码可以打开后摸索一下。
<body>
<form action="xxx.php" method="post">
<!-- text输入文字-->
<!-- maxlength规定最大字符-->
用户名: <input type="text" name="username" value="请输入用户名" maxlength="6"> <br>
<!-- password 输入密码-->
密码: <input type="password" name="pwd"> <br>
<!-- radio 单选按钮-->
<!-- name是表单属性的名字,这里性别单选按钮必须有相同名字才能实现多选一-->
<!-- checked打开页面默认勾选 主要针对单选按钮和多选按钮-->
性别: 男 <input type="radio" name="sex" value="男" checked="checked"> 女 <input type="radio" name="sex" value="女"> <br>
<!-- checkbox 多选按钮-->
<!-- label 点击文字即可选中,提高用户体验-->
爱好: <label for="text">吃饭</label> <input type="checkbox" name="hobby" id="text"> 睡觉 <input type="checkbox" name="hobby">
打豆豆 <input type="checkbox" name="hobby"> <br>
<input type="submit" value="up_user"> <input type="reset" value="重新填写"> <input type="button">
<br>
提交文件: <input type="file">
<!-- select 下拉列表,节约页面空间-->
籍贯:
<select name="" id="select">
<option value="" selected="selected">火星</option>
<option value="">地球</option>
<option value="">月球</option>
</select> <br>
<!-- textarea 文本域-->
<textarea name="" id="textarea" cols="30" rows="10">哈哈</textarea>
</form>
</body>
CSS
层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML
工具
同上
相关知识
1、直接在HTML标签中,使用style属性内嵌css样式
2、在html头部head部分内,使用style标签插入css样式
3、使用@import引用外部CSS文件
4、使用link引用外部CSS文件 推荐此方法
(网上可查)
前端html+css入门的推荐教程:
B站pink老师:https://www.bilibili.com/video/BV14J4114768?p=84&t=8
w3schools:http://www.w3schools.com/
这个月就这样,摸了摸了。