语法骨架格式
<html>
<head>
<title> </ title>
</ head>
<body>
</ body>
</ html>
文本格式化标签
加粗 <b></ b>; <strong></ strong>
斜体 <i></ i>; <em></ em>
加删除线<s></ s>; <del></ del>
加下划线<u></u>; <ins></ ins>
图像标签
<img src = " " />
<img />标记属性
src 图像路径
alt 图像不能显示时的替换文本
title 鼠标悬停时显示的内容
width 设置图像的宽度
height 设置图像的高度
border 设置图像边框的宽度
链接标签
<a href = "跳转目标" target = "目标窗口的跳出方式">文本名称</ a>
href 链接地址
target 指定链接网面打开方式{self 默认值: blank 新窗口中打开}
注意:
外部链接需添加 http://
内部链接 直接链接内部网页名称即可
如果没有确定链接目标,可写为href = "#",表示该链接暂时为空链接
锚点定位
<a href = "#标题">名字</ a>
<hn id = "标题">名字<hn> (这里的n取1,2,3,4.....)
特殊字符标签
常用特殊字符 描述 字符代码
空字符
< 小于号 <
> 大于号 >
注释标签
<!-- 注释语句 -->
无序列表
<ul>
<li>列表项1</ li>
<li>列表项2</ li>
<li>列表项3</ li>
</ ul>
有序列表
<ol>
<li>列表项1</ li>
<li>列表项2</ li>
<li>列表项3</ li>
</ ol>
自定义列表
<dl>
<dt>名词1</ dt>
<dd>名词1解释1</ dd>
<dd>名词1解释2</ dd>
..........
<dt>名词2</ dt>
<dd>名词2解释1</ dd>
<dd>名词2解释2</ dd>
..........
</ dl>
创建表格
<table>
<tr>
<td> </ td>
<td> </ td>
</ tr>
</ table>
表格属性
属性名 含义
border 表格边框(默认为0)
width 表格宽度
height 表格高度
align 表格在网页中的水平对齐方式 left;center;right
cellspacing 单元格与单元格边框之间的空白间距
cellpadding 单元格内容与单元格边框之间的空白间距
表格标题
<caption> </ caption>
注意:caption标签必须跟随table标签之后
合并单元格
<td colspan = "n"> n等于几就是合并几格
rowspan 跨行合并(竖着合并)
colspan 跨列合并(横着合并)
删除个数 = 合并个数 - 1
input表单
属性 属性值 描述
text 单行文本输入框
password 密码输入框
radio 单选按钮
checkbox 复选框
type button 普通按钮
submit 提交按钮
reset 重置按钮
image 图像形式的提交按钮
file 文件域
name 由用户自定义 控件的名称
value 由用户自定义 input控件中默认文本值
size 正整数 input控件在页面中显示宽度
checked checked 定义选择控件默认被选中的项
maxlength 正整数 控件允许输入的最多字符数
下拉菜单
使用select控件定义下拉菜单
<select>
<option>选项1</ option>
<option>选项2</ option>
<option>选项3</ option>
.........
</ select>
表单域
<form action = "url地址" method = “提交方式” name = “表单名称”>
各种表单控件
</ form>
查文档:
W3C: http://www.w3school.com.cn
MDN: https://developer.mozilla.org/zh-cN/