前言:
实验提供 : https://www.shiyanlou.com/courses/19
开发环境与IDE : Windows10 - Sublime Text & FireFox
(课件的话简单看了一下,不过感觉…还是多写写才有用,Orz)
笔记:
·基本框架
<!DOCTYPE html>
<html>
<head>
<!-- -bgcolor : 背景颜色属性 -->
<title></title>
<meta charset='utf-8'/>
</head>
<body>
</body>
</html>
·常用标签与属性
【标题类】
<h> : h1-h6,标题用,大小递减
-align : 布局
【文字格式类】
<br/> : 换行
<p></p> : 分段
- a p's margin equals two br
<pre></pre> : 预格式处理,保留空格换行
【链接类】
<a></a> : 连接,中间为超链接连接文本
- name : 标签标识符 ; herf : 接url->另一页面【链接】 / 接#(string)->带有该名字的a标识符【书签】
- target : 打开链接方式 : "_self"直接链接/"_blank"打开新页面
【字体类】
<b></b> : 粗体
<strong></strong> : 强调
<big></big> : oversize
<small></small> : smallersize
<i></i> : 斜体
<em></em> : 突出显示
【布局类】
<table> : 表格
- <tr> : 新的一列 ; <th> : 表头 ; <td> : 表项
- rowspan : 跨行数 ; colspan : 跨列数 ; border : 线条磅数
<div> : 同一列
- id : 标识符
- class : 类
<!-- id与class不同时以id属性为主 -->
- #(string) : 指定某一部件(用于开头)
<span> : 同一行
- id : 标识符
- #(string) : 指定某一部件(用于开头)
【列表类】
<ol> : 有序表格
- <li> : 表项
- start : 接数字(开始数字) / type : "A"->A,B,C,D… / "I"->I,II,III,…
<ul> : 无序表格
- <li> : 表项
- type : square(小正方形块) / circle(小空心圆) / 无(小实心圆)
<dl> : 定义式表格
- <dt> : 定义术语(1) / <dd> : 定义说明(多)
【图片类】
<img> : 图片标签,通过source设置url
【表单类】
<Form> : 表单
- <input/> 生成一个输入框/选择框
- type : text(文本框,类UWP的TextBox) / password(密码,输入时会显示···) / radio(单选框,可设置同样的name使得其值易取) / checkbox(复选框)
- name : 标识符(可重复)
- value : 文本框
【button类】
<button> ShowingName </button> :
- ShowingName : button上显示的文字
- type : summit(提交框) / button / reset
- formtarget : (该属性与type='summit'配合使用) 规定在何处打开URL - _blank / _self
- name : 标识符
-formenctype : (该属性与type='summit'配合使用) 发送表单时如何对表单进行编码
-formmethod : (该属性与type='summit'配合使用) 发送表单的HTTP方法 - get / psot
【属性类】
<style>
div#(id/class)={;;;}
</style>
body内部 : text-align : 文字布局 ; background-color ; color ; font-family : 字体 ; font-size