发表于： 2019-09-24 00:12:06
1 968
第一章
HTML是载体，放文件图片等
css是为了让html更加好看
JavaScript为了让html加上特效，可以实现用户交互
html可以的组成：标题<h1>段落<p>图片<img src="1.jpg">
标签，可以嵌套，但是必须注意顺序，不能交叉嵌套
html组成<html></html>头文件<head>主体<body>
头文件<head>中包含<title>（标题）<meta><link><script>
代码注释<!--注释内容-->
第二章
语义化：意思就是让文档看起来更加有层次感，突出重点。更容易被搜索
body中有：段落<p>
标题标签<h1>,,,,,,,<h6>字体依次
<em>强调，表现为斜体</em>
<strong>强调，加粗<strong>
span{color:blue} 使用方式<span>强调内容</span>
<q>加引号的引用</q> <blockquote>长引用</blockquote>
不分段换行<br /> 类似用法还有<hr /> <img />（空标签）无结束标签
插入空格 
<hr />添加线条
<address>加入地址，签名或者文档</address>
添加代码<code>内容</code> <pre>int x</pre>(多行)
第三章
<ul>信息列表
使用<a>标签实现超链接
<ul>
<li>my first news list</li>
<li><a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a></li>
</ul>
<ol>有序列表
<ol>
<li>test-1</li>
<li>test-2</li>
<li><a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a></li>
<li><a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a></li>
</ol>
划分独立区域<div id="独立区域的名字">划分出独立的逻辑区域</div>
表格 未加入css时，html不显示表格框线
使用<a>标签实现超链接
<table summary="此处写摘要">(表格开始)
<caption>标题</caption>
<tr>(行开始)
<th>(列,表头)表头内容</th>
<th>(列,表头)表头内容</th>
</tr>
<tr>(行开始)
<td>(列,内容)列表内容</td>
<td><a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a></td>
<td><a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a></td>
</tr>
</table>
使用css添加表格样式
<style type="text/css">table tr td,th{border:1px solid #000;}</style>
第四章
使用<a>标签实现超链接
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
在新窗口打开网页链接
<a href="目标网址" target="_blank">链接显示的文本</a>
使用mailto在网页中链接Email地址
具体参考 http://www.imooc.com/code/317
img标签的介绍 用途插入图片（GIF PNG JPEG）
<img src="图片地址，标识图片位置" alt="图片下载失败时的替换文本" title=“鼠标滑过提示文本>
<img src="myimage.gif" alt="image" title="image">
第五章
使用表单（form）标签实现用户交互
<form method="传送方式，两种 post/get" action="服务器文件">,,,,,,,,,,</form>
文本输入框，密码输入框
<input type="text(文本输入框)/passward(密码输入框)" name="名称(文本框命名)" value="文本（文本框输入默认值（提示作用））" />
<input type="text" name="myname" />
<form method="post" action="save.php">
<label for="username">用户名:</label> <input type="text" name="username" />
<label for="pass">密码:</label> <input type="password" name="pass" />
</form>
文本域，多行输入
<textarea rows="50(行数)" cols="10(列数)">文本（默认值）</textarea>
返回列表
评论