注:打字不易,遂标原创。
html:超文本标记语言。
Day_01:
html结构:
<!DOCTPYTE HTML>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
</body>
</html>
自己的理解:网页主要是由一些html标签嵌套而成,html标签写出的网页为网页的骨架,虽然html的属性可以修改标签的样式,但不推荐使用,等项目大了,样式通常交给css,方便维护。
为便于我期末复习,就把上课的一些笔记记录在此:
<!-- --> : 注释,在代码中可以看见,在网页上不会被解析显示。
<!DOCTPYTE> : 定义文档类型。
< head></head>: 定义文档头部信息,
其中可包含:<base>:为页面上的所有链接规定默认地址或默认目标,设置默认打开方式。
<style>:可用来设置css样式。
<title> : 设置网页标题。
<body></body>: 网页体,所有在网页上看得见的部分都写在<body>标签内部。
<br > : 换行、单个标签。
<p> : 段落、在此标签内的内容会自动占一行。
属性:align=“”(可取center、left、right)。
<h1>-<h6>:定义标题的字体大小,<h1>最大 <h6>最小。
属性:align=“”(可取center、left、right)。
<hr>:创建一条水平线
align=“”(可取center、left、right);size (单位px) ; width (单位:px或百分比)。
<img>:创建图片
必写属性:src=" "(引号内为图片的地址) ; alt=“ ” (规定图片的替代文字)
<pre > </pre> :预格式化文本,此标签内的文本显示与自己源码中的格式相同。不常用的标签。
<sub></sub> :下标。
<sup></sup> :上标。
<form></form> :表单,但凡有数据提交,都必须放在表单里。
常用属性:name=""(表单名称);method=”get/post“(表单提交方式默认get);action=”URL“ (接受表单信息的url);target=” “(目标打开方式)
<input > :用于搜集用户信息的标签。
常用属性:type = " " 定义<input>标签的类型
常见类型:button :普通button ,动态页面用javascript启动脚本。
password : 密码。
radio :单选按钮。
reset : 重置。
submit : 提交,可将表单数据提交至服务器。
text :单行输入字段。
--------------------------------------------
day_02:
<table></table>表格
常用属性:align、width、height:跟其他标记中的用法一样;border:设置表格外框的粗细。默认为0;bordercolor:设置表格外框的颜色;
background:设置表格的背景图片的URL;bgcolor:设置表格的背景颜色;
<tr >行
<th>标题单元格,属性只对当前单元格有效
<td>行中的普通单元格
属性:
width 单元格宽度(通常设置在第一行;height 单元格高度(通常设置在第一列);要么设置宽高,要么用空格 把单元格占上,否则单元格不显示;
rowspan 单元格占用表格行数。也就是行合并;colspan 单元格占用表格列数。也就是列合并;
background 设置单元格背景图像。bgcolor 设置单元格背景色。
align 设置内容水平对齐方式,可选left、center、right;
valign 设置内容垂直对齐方式,可选top、middle、bottom。
<ul>
<li></li>
</ul>:无序列表
属性:type:disc(实心圆点,默认值)、square(实心方块)、circle(空心圆点);
<ul>
<li></li>
</ul>:无序列表
属性:start :指定序列的起始值,只能是数字,设定是几从几开始。
type: 1(阿拉伯数字,默认值)、a(小写字母)、A(大写字母)、i(小写罗马数字)、I(大写罗马数字)
<a></a>:超级链接
属性:href:设置URL;target:打开方式(_blank:在新窗口打开;_self:在当前窗口或当前框架中打开;_parent:在上一级框架中打开;_top:在整个浏览器窗口中打开;)
<textarea></textarea>:文本域
属性:name:控件名称;cols:宽;rows:高;
<select></select>:下拉列表框
<option></option>:选项
属性:value:当前选项的值;selected:初始被选中,属性是标识,没有取值;