手记

HTML+CSS基础课程 前五章总结

<!doctype html>
<html>
<head>
<title>网页标题</title>
<link>
<style>
span{
color:blue;font-size:20px;}
</style><!--设置单独格式-->
<style type="text/css">
table tr td,th{border:1px solid #000;}
</style><!--设置表格外框-->
<meta>
<script></script>
</head>
<body>
<p>paragraph</p>
<h1>一级标题</h1>
<h6>六级标题</h6>
<strong>粗体</strong>
<em>斜体</em>
<span>设置单独样式</span>
<!--注释-->
<q>quote短文本引用,相当于双引号</q>
<blockquote>长文本引用,相当于缩进</blockquote>
<br/><!--break换行-->
  <!--non-break space空格-->
<hr/><!--horizontal rule水平分割线-->
<address>联系地址、电子邮件地址、签名或文档的作者身份</address><!--表现为斜体-->
<code>一行代码</code>
<pre>多行代码</pre>
<ul>
<li>list列表1</li>
<li>list2</li>
</ul><!--ul==unordered list无前后顺序-->
<ol>
<li>list1</li>
<li>list2</li>
</ol><!--ol==ordered list有序排列,列表前显示有序号-->
<table summary="表格内容摘要,不会显示出来">
<tbody>
<caption>表格标题,居中</caption>
<tr>
<th>表格表头</th>
<th>表头第二列</th>
<th>表头第三列</th>
</tr><!--tr==table row 表格行 th==table head 表格表头自动粗体居中-->
<tr>
<td>a21</td>
<td>a22</td>
<td>a23</td>
</tr><!--td==table data-->
</tbody>
</table>
<div>把html划块分区</div>
<div id="firsr">分区命名,便于css加样式</div>
<a href="网页链接" title="鼠标滑过显示的文字">超链接文本</a><!--href==hypertext reference超文本引用--><!--超链接在当前页面打开-->
<a href="网址" target="_blank">超链接在新窗口打开</a>
<!--_blank -- 在新窗口中打开链接

_parent -- 在父窗体中打开链接

_self -- 在当前窗体打开链接,此为默认值

_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)

target之前一定要加空格-->
<img src="http://img.mukewang.com/52da4f2a000150b714280550.jpg" alt="下载失败时的替代文本" title="鼠标滑过显示的文本"><!--图像可以是GIF,PNG,JPEG格式-->
<a href="mailto:xx@xx.com;xx@xx.com?subject=主题&body=邮件内容&cc=抄送&bcc=密送">发送</a><!--Mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的每一个都以“&”开头,引号只有一对,代码中间不能留空-->
<form method="post" action="save.php"><!--save.php是例子中的服务器文件名-->
<!--form:表单 method="传送方式"(get/post) action="服务器文件,浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)"-->
账户:
<input type="text" name="username" placeholder="请输入用户名"/>
<br/>
密码:
<input type="password" name="pass" placeholder="请输入密码"/>
<br/>
<input type="submit" value="确定" name="submit"/>
</form>
<!--type:类型,分为:
text:文本框
password:密码框
radio:单选按钮
checkbox:复选框
file:文件选择框
submit:提交按钮
reset:重置按钮
name:文本框命名
value:为文本输入框设置默认值。(一般起到提示作用),显示为黑色字
placeholder:为文本框输入提示性文字,显示为灰色字-->
<form method="post" action="save.php">
<textarea cols="20" row="5" placeholder="请输入内容">
未完

1人推荐
随时随地看视频
慕课网APP