-
<h1></h1>是标题标签 -
<p></p>段落 - 图片由
<img src="1.jpg">
-
<html>是开始和结束标签，是根标签 -
<head>标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签 -
<body>内容是网页的主要内容,有<h1>、<p>、<a>、<img>等网页内容标签 -
<title>标签之间的是网页的标题信息，在浏览器的标题栏中显示
- HTML代码注释
< !--注释文字 --> -
h1,h2是标题等级 -
<style>写在<head>里面
- 在
<style>中设置颜色等 - CSS也在
<style>中设置
-
<br>相当于回车
-
相当于空格 - 都没有结束标签
-
<div>用来划分独立逻辑
- 为了标识每个独立的逻辑部分，要使用
<div id="版块名称">…</div>ID来命名 -
id为为唯一标识，即不能有多个相同的；class可以指定多个类名
- 超链接
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>- 需要在新窗口打开时:
<a href="目标网址" target="_blank">click here!</a>
- 插入图片
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
- 表单交互
<form method="传送方式" action="服务器文件">
- 文本输入框
- type是password的话是不显示输入文字的
<form>
<input type="text/password" name="名称" value="文本" />
</form>
- 单选、复选框
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>- 同一组的单选按钮，name 取值要一致;多选name不能一样
- 下拉列表框
- selected="selected"表示初始选中
- 添加
multiple="multiple"可以实现多选
- 提交按钮
- 只有当type值设置为submit时，按钮才有提交作用
- 重置按钮
<input type="reset" value="重置">- type决定功能
- form表单中的label标签
<label for="控件id名称">- 注意：for 的值应当与相关控件的 id 值一定要相同。
- 作用是：点击Label标签文本，就会触发控件
- CSS改变字体颜色
- <span></span>括起来的字体用span{ }改变颜色
- CSS语法
- 选择符：指明样式的作用对象
- 声明：“｛｝”中的的就是声明
- 内联式CSS
-
<p style="color:red;font-size:12px">注意：格式要加引号
- 嵌入式CSS
- 写在
<style type="text/css"></style>标签之间（在<head></head>里）
- 外部式CSS
- 以.css为扩展名
- 在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内
<link href="文件名" rel="stylesheet" type="text/css" />-
rel="stylesheet" type="text/css"是固定写法
- 类选择器
.类选器名称{css样式代码;}-
<span></span>本身没有用，但是想要为标签中的字体单独设置样式，就需要“类”来标记
- ID选择器（不能有重复ID，不能同时设置多个样式）
<span id="名称"></span>#ID名称{css样式代码;}
- 只有子选择器可以加入红线框
- 伪类选择符
- 鼠标滑过的位置会变色
标签名:hover{css样式代码;}
- 标签之间用空格连接表示层级关系
- Label标签
- for与表单的Id对应，作用是点击label相当于点击表单
