记录下我学习前端之路的一些笔记,方便查看。以上。。
常见的标签:
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<!-- 作用:对网站进行优化的作用 SEO -->
<meta name="description" content="">
<!-- 对网站的描述。 -->
<meta http-equiv="refresh" content="5; url=http://www.baidu.com">
<!-- 网页重定向 -->
<link rel="icon" href="favicon.ico">
<!-- 给网页titile中放置小图标 -->
</head>
<body>
<hr>横线
<p>段落标签</p>
<h1>标题h1-h6</h1>
...标题...
<h6>标题h1-h6</h6>
空格
< <
> >
& &
<strong>文字加粗</strong><br/>
<EM>文字斜体</EM><br/>
<del>删除线标签</del><br>
<ins>文字下划线</ins><br>
<pre>原样输出 (像诗词)</pre>
<blockquote>段落缩进(blockquote)</blockquote>
embed放置背景音乐。
<embed src="" hidden="true"/>
页面滚动
<marquee behavior="滚动方式" direction="滚动方向"></marquee>
<!-- <img src="img/timg3.jpg" height="750" width="1200"> -->
<!-- img:图片
常用的属性:
src: 表示图片源位置
width: 宽度
height: 高度
alt: 替换文本的作用是在src失效时使用
title: 提示文本,鼠标经过显示的内容-->
<!-- a href 超链接 锚链接 简单的下载功能
属性:
target="_self" 默认值 网页在当前页面中打开
target="_blank" 网页在新窗口中打开 -->
<a href="1.rar"> </a>
<br>
无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
有序列表
<ol type="a">
<li></li>
<li></li>
<li></li>
</ol>
自定义列表
<dl>
<dt> 小标题
<dd>列表项</dd>
<dd></dd>
</dt>
</dl>
</body>
表格的标签:
<!--
常用的属性:
border: 表格的边框(两条边框)
width: 表格宽度
height: 表格高度
algin: 对齐方式。center:居中对齐, left:左对齐, right,右对齐
th: 表头(自动加粗和居中)
caption: 表格的标题
cellspacing:设置单元格之间的距离
cellpadding:文字距离单元格边框的距离
合并单元格:
行合并 : rowspan : 合并来自不同行的单元格
列合并 : colspan : 合并来自不同列的单元格
-->
<table border="1" align="center" width="400px" height="150px">
<caption><font color="red"> 2017考试</font></caption>
<tr>
<th>姓名</th>
<th>科目</th>
<th>分数</th>
</tr>
<tr align="center">
<td rowspan="2">小明</td>
<td>语文</td>
<td>60</td>
</tr>
<tr align="center">
<td>数学</td>
<td>50</td>
</tr>
<tr>
<td>小红</td>
<td>英语</td>
<td>100</td>
</tr>
<tr align="center">
<td colspan="2">平均分</td>
<td>70</td>
</tr>
</table>
表单的标签:
<form>
<!--
maxlength: 设置文本输入框最多能输多少字符
readonly="readonly" 设置文本输入框为只读(只能读不能编辑)
disabled="disabled” 控件属于非激活的状态
name="username" 给输入框设置名称
Value="" 设置或者显示输入的值 -->
表单边框
<fieldset>
<legend >用户注册</legend>
用户名 <input type="text" name="username"/ maxlength="10"><br/>
密 码 <input type="password" name="psd"/><br/>
<!-- 单选选中checked = checked -->
性 别 <input type="radio" name="gender" value="男"/>男<input type="radio" name="gender" value="女"/>女<br/>
<!-- 下拉选中selected = selected -->
籍 贯:
<select name="jiguan">
<option value="广东">广东</option>
<option value="广西">广西</option>
</select><br/>
爱 好: <input type="checkbox" value="足球"/>足球<input type="checkbox" value="篮球"/>篮球<input type="checkbox" value="羽毛球"/>羽毛球<br/>
<input type="file" /><br/>
个人简介:<br/><textarea name="info" cols="20" rows="5"></textarea><br/>
<input type="submit" value="注册"/>
<input type="button" value="普通按钮">
</fieldset>
</form>