webstorm学习笔记2
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--快捷键，ctrl+shift+/-->
<form action="http//:www.baidu.com" method=""><!--表单-->
<input type="text" placeholder="阿德"/><br>
<!--input只能放在form中，placeholder=""，独属于text的占位符，提示用户-->
<input type="password"><br><!--密码框-->
<label>男<input type="radio" name="sex"></label>
<!--name属性，所有标签都有,单选（按钮）效果，名字一样才能有这个效果-->
<label>女<input type="radio" name="sex"></label>
<!--选择男女,label点字选也可以--><br>
音乐<input type="checkbox" name="hobby">
体育<input type="checkbox" name="hobby">
小说<input type="checkbox" name="hobby"><!--多选效果--><br>
年：<select><!--只能写option--><!--下拉列表-->
<option>1990</option>
<option>1999</option>
<option>2990</option>
</select><br>
<textarea rows="20" cols="40"><!--文本域-->
</textarea>
<button>提交</button>
<!--第一种按钮，中间的字就是展示的字，默认是提交按钮，也可以有普通按钮功能
<button type="button">提交</button>--><br>
<input type="button" value="普通按钮">
<!--第二种按钮方法，value是展示的字-->
<input type="submit" value="提交按钮">
<!--第三种按钮，submit可以提交数据至服务器，普通就是只能点一下-->
<input type="reset" value="重置按钮">
<!--第四种按钮，清除表单所选项-->
</form>
<table border="1px"><!--border边框-->
<tr>
<td>你</td>
<td>好</td>
</tr>
<tr>
<td>嗯</td>
<td>嗯</td>
</tr>
</table><!--块级元素，可以放在右边，里面行套列，tr代表行，td代表列-->
<form action=http//:www.baidu.com">
用户名：<input type="text"/><br>
密码： <input type="password"/><br>
性别：男<input type="radio" name="sex">
女<input type="radio" name="sex"><br>
年：<select><!--只能写option--><!--下拉列表-->
<option>1990</option>
<option>1999</option>
<option>2990</option>
</select>
月：<select><!--只能写option--><!--下拉列表-->
<option>6</option>
<option>7</option>
<option>8</option>
</select>
日：<select><!--只能写option--><!--下拉列表-->
<option>11</option>
<option>12</option>
<option>13</option>
</select><br>
<button>注册</button>
<!--属性id、name，都有的属性，
在表单中，要提交到服务器，必须要有name属性，id属性必须要有属性值-->
</form>
</body>
</html>
QQ图片20181011202059.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<style>
div{
height: 300px;
background: bisque;
}
</style>
<!--内部样式写在meta中-->
</head>
<body>
<div></div>
<!--每一个元素都有style，代表css
行内样式，宽高必须写在style中，一个元素只能写一个style-->
</body>
</html>
QQ图片20181011202305.png
网友评论