关于HTML和Javascript基础这部分因为之前就学过,而且比较简单,在W3School再次复习了下。
顺便梳理记下常用的一些标签:
1. 字体效果
标签 | 功能 |
<h1>...</h1> | 标题字(最大) |
<h6>...</h6> | 标题字(最小) |
<b>...</b> | 粗体字 |
<strong>...</strong> | 粗体字(强调) |
<i>...</i> | 斜体字 |
<em>...</em> | 斜体字(强调) |
<dfn>...</dfn> | 斜体字(表示定义) |
<u>...</u> | 底线 |
<ins>...</ins> | 底线(表示插入文字) |
<strike>...</strike> | 横线 |
<s>...</s> | 删除线 |
<del>...</del> | 删除线(表示删除) |
<kbd>...</kbd> | 键盘文字 |
<tt>...</tt> | 打字体 |
<xmp>...</xmp> | 固定宽度字体(在文件中空白、换行、定位功能有效) |
<plaintext>...</plaintext> | 固定宽度字体(不执行标记符号) |
<listing>...</listing> | 固定宽度小字体 |
<font color=00ff00>...</font> | 字体颜色 |
<font size=1>...</font> | 最小字体 |
<font style =font-size:100 px>...</font> | 无限增大 |
2.区断标记
标签 | 功能 |
<hr> | 水平线 |
<hr size=9> | 水平线(设定大小) |
<hr width=80%> | 水平线(设定宽度) |
<hr color=ff0000> | 水平线(设定颜色) |
<br> | (换行) |
<p>...</p> | 水域(段落) |
<center>...</center> | 置中 |
3.链接
标签 | 功能 |
<a href=地址></a> | 外部连结 |
<a href=地址 target=_blank></a> | 外部连结(另开新窗口) |
<a href=地址 target=_top></a> | 外部连结(全窗口连结) |
<a href=地址 target=页框名></a> | 外部连结(在指定页框连结) |
4.图像/音乐
标签 | 功能 |
<img src=图片地址> | 贴图 |
<img src=图片地址 width=180> | 设定图片宽度 |
<img src=图片地址 height=30> | 设定图片高度 |
<img src=图片地址 alt=提示文字> | 设定图片提示文字 |
<img src=图片地址 border=1> | 设定图片边框 |
<bgsound src=MID音乐文件地址> | 背景音乐设定 |
5.表格
标签 | 功能 |
<table aling=left>...</table> | 表格位置,置左 |
<table aling=center>...</table> | 表格位置,置中 |
<table background=图片路径>...</table> | 背景图片的URL=就是路径网址 |
<table border=边框大小>...</table> | 设定表格边框大小(使用数字) |
<table bgcolor=颜色码>...</table> | 设定表格的背景颜色 |
<table borderclor=颜色码>...</table> | 设定表格边框的颜色 |
<table borderclordark=颜色码>...</table> | 设定表格暗边框的颜色 |
<table borderclorlight=颜色码>...</table> | 设定表格亮边框的颜色 |
<table cellpadding=参数>...</table> | 指定内容与网格线之间的间距(使用数字) |
<table cellspacing=参数>...</table> | 指定网格线与网格线之间的距离(使用数字) |
<table cols=参数>...</table> | 指定表格的栏数 |
<table frame=参数>...</table> | 设定表格外框线的显示方式 |
<table width=宽度>...</table> | 指定表格的宽度大小(使用数字) |
<table height=高度>...</table> | 指定表格的高度大小(使用数字) |
<td colspan=参数>...</td> | 指定储存格合并栏的栏数(使用数字) |
<td rowspan=参数>...</td> | 指定储存格合并列的列数(使用数字) |
6.表单元素
标签 | 功能 |
<form>...</form> | HTML 表单用于收集用户输入 |
<form action=地址> | 定义在提交表单时执行的动作 |
<input method="GET/POST"> | 规定在提交表单时所用的 HTTP 方法,选择GET时,表单数据在页面地址栏中是可见的.POST是不可见的,安全性更加。默认是GET提交 |
<input type="text" name=名称> | 用于文本输入的单行输入字段 |
<input type="radio"> | 定义单选按钮,允许用户在有限数量的选项中选择其中之一 |
<input type="submit"> | 用于向表单处理程序提交表单的按钮。 |
<input name=字段名称> | 如果要正确地被提交,每个输入字段必须设置一个 name 属性。 |
<select name=名称>...</select> | 定义下拉列表 |
<option value=名称></option> | 定义待选择的选项 |
<textarea name=名称></textarea> | 定义多行输入字段(文本域) |
<button type="button" οnclick=" ">...</button> | 定义可点击的按钮 |