前端笔记1 - 爱码网

2019/3/27

1. 头部meta信息与link标签

<meta http-equiv="refresh" content="30"> 30秒更新一次网页
<link rel="stylesheet" href="XX.css">
<link rel="icon" href="favicon.ico">网站icon

2.超链接

<a href="http://www.baidu.com" target="_blank">
        <img src="img/money.jpg" width="200px" height="">
    </a>

target="_blank" 在新窗口中打开链接
前端笔记1
download 指定下载链接

<base target="_blank"> 让所有的超链接从新标签页打开

3.锚点

<a href="#wode">
        到wode
    </a>
    <p id="wode">
        wode:世界是美好的
    </p>

到wode

wode:世界是美好的

点击链接跳到指定位置

4.表单元素

<h1>我相信</h1>
<p>
    用户名：<input type="text" value="LOVE MYSELF" autofocus maxlength="6" disabled>
</p>

value 展示在输入框里的文字
autofocus 刷新时，集中在输入框
maxlength 输入字符最大长度
disabled 禁止输入
readonly 只读

<p>
    密   码：<input type="password" value="" required>
</p>

required 必填

<p>性别：
    <label><input type="radio" name="sex">男</label>
    <label><input type="radio" name="sex">女</label>
</p>

radio 单选

<p>爱好：
    <label><input type="checkbox" name="aihao">PERSONA</label>
    <label><input type="checkbox" name="aihao">SHADOW</label>
    <label><input type="checkbox" name="aihao">EGO</label>
</p>

checkbox 多选框

<p>日期：
    <input type="date">
</p>
<p>自我简介
    <textarea cols="30" rows="3"></textarea>
</p>
<p>
<input type="submit" value="提交">
</p>

前端笔记1