. CTRL + N:新建常规Html网页
<HTML> <head> //头部信息 </head> <body> //主体部分 </body> </HTML>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页标题</title>
<link rel="stylesheet" href="./css/style.css">
<script src="./js/main.js"></script>
<style>
//CSS内部样式
a {
text-decoration: none;
color: inherit;
margin: 0 10px;
}
</style>
<script>
//内部脚本逻辑
</script>
</head>
| 属性 | 说明 |
|---|---|
| text | 正文文字颜色 |
| bgcolor | 背景颜色 |
| background | 背景图像 |
| topmargin | 网页上边距 |
| leftmargin | 网页左边距 |
| 属性 | 说明 |
|---|---|
| left | 左对齐,默认 |
| center | 居中对齐 |
| right | 右对齐 |
| 属性 | 说明 |
|---|---|
| face | 字体类型 可以指定多个字体,字体之间使用,分割 尽量使用宋体和黑体等常见字体 |
| size | 字体大小 像素px,如16px 也可使用字号1-7,1最小字号;7最大字号 |
| color | 字体颜色
通常使用16进制表示,如#ff4400 |
| 属性 | 说明 |
|---|---|
| size | 线条粗细 |
| width | 线条宽度;像素或百分比 |
| align | 线条对齐方式,同段落<p> |
| color | 线条颜色 |
| 属性 | 说明 |
|---|---|
| | 空格 none-breaking space |
| © | 版权© copyright |
| < | 小于< less than |
| > | 大于> greater than |
| ® | 注册® register |
| ™ | 商标™ trademark |
| 属性 | 说明 |
|---|---|
| alt | 图像的提示信息;alternative |
| src | 图像的URL,可以是相对路径;也可以是绝对路径;source |
| align | 图像的对齐方式 |
| border | 图像的边框;默认无边框 |
| height | 图像高度 |
| width | 图像宽度 |
| hspace | 图像水平方向,即左右侧的空白 |
| vspace | 图像垂直方向,即上下侧的空白 |
| 属性 | 说明 |
|---|---|
| href | 链接的地址 |
| url | 资源地址;可以是网址或某个PDF文件 |
| target | 打开链接的位置;默认是当前窗口 |
| title | 提示信息 |
| <input> | 类型 | 说明 |
|---|---|---|
| text | 输入单行文本 | |
| password | 输入密码 | |
| radio | 单选按钮;多个选一 | |
| checkbox | 多选按钮;多个选一 | |
| button | 普通按钮 | |
| submit | 提交按钮 | |
| reset | 复位按钮;重新输入各表单数据 |
| 属性 | 说明 |
|---|---|
| name | 控件的名字和值;表单提交时,按照name-value的形式将数据提交到后台服务器 还可以使用name属性对单选按钮和多选按钮进行分组 |
| value | 值 |
| maxlength | 允许输入的最长字符数 |
| size | 控件的大小;默认20个字符 |
| checked | 控件是否选中;可以指定默认选中按钮 |
| onclick | 鼠标单击事件 |
| onfocus | 获取焦点事件 |
| 属性 | 说明 |
|---|---|
| name | 名称 |
| rows | 文本区的高度 |
| cols | 文本区的宽度 |
| wrap | 是否换行;默认换行 off:不允许换行 |
<script language="VBScript">
//脚本逻辑
</script>
<script>
//脚本逻辑
</script>
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网页标题</title> <link rel="stylesheet" href="./css/style.css"> <script src="./js/main.js"></script> </head> <body> //... ... <script src="./js/main.js"></script> </body>