我的第一天博客

      这是我写下的第一篇博客，写下我今天所学习的内容，为了我自己将来的回忆，也为自己留下在csdn更多的回忆，今天是开学的第一天，也是成为大二的第一天，学了很多的东西，也理解了更多，看着自己的学习成果有点小开心啦，哈哈。

     

1,html 是超文本标记语言，使用标签来在网页中显示内容的，由于除了文本之外还可以显示视频、音频、图片等，所以称为超文本

 

2，html的标签，又开始有结束，但是当标签中没有内容的话，可以<br/>快捷方式

 

3，html标签是由属性和值来组成的

 

1，标题标签：

H1----h6,，以后做搜索引擎优化的时候需要

搜索引擎：百度、google、搜搜、搜狗

 

H1 权重最高、h6最低，建议使用一个h1标签

 

 

2，HTML元素，指的是标签之间的内容

 

例如 body元素：

<h1>这是h1标签</h1>

<h2>这是h2标签</h2>

<h3>这是h3标签</h3>

<h4>这是h4标签</h4>

<h5>这是h5标签</h5>

<h6>这是h6标签</h6>

<p>这就是一个段落paragraph缩写</p>

 

P元素：

这就是一个段落paragraph缩写

 

注意：

html所有的标签，都会有title、class、name、id、style属性

 

和段落相关的标签

P

<br/>

Strong标签和 b标签：

Strong 加强语气的，所以对搜索引擎来说更重要

 

3，Style属性

将所有的样式包含，不同的样式之间使用；隔开

Style属性淘汰了，bgcolor  align  font

新增了background-color  text-align   font-family font-size属性等来代替旧的

 

 

4，a标签

Href属性  指向目标连接

Target属性   _blank 弹出一个新的窗口  _self （替换当前窗口）  _parent 在父窗口基础上打开（火狐的话）

Name属性

使用命名锚（namedanchors）时，我们可以创建直接跳至页面中某个节的链       接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。

     <a name="tips">Useful Tips Section</a>

    <a href="#tips">Visit the Useful Tips Section</a>

 

5，Table表格：

1、表格边框：border属性

2、表格中的表头：<th>

3、带有标题的表格：<caption></caption>

4、跨行、跨列的单元格  colspan    rowspan

5、单元格边距：cellpadding

6、单元格间距：cellspacing

 

单元格边距：cellpadding单元格内容和边框之间的距离

单元格间距：cellspacing  单元格与单元格之间的距离

 

6，有序列表、无序列表

<ol> ordered line

无序列表

<ul> unordered

<Li>

 

1、有序列表

      有序列表类型：A、a、I、i

2、无序列表

     无序列表类型通过type属性：circle、disc、square

     

7，表单的重要性：

浏览器和 php（服务器）进行交互，可以通过地址栏传递参数，也可以通过表单提交数据

但是，在地址栏传递数据安全性低，所以通常使用表单来提交 post方式

表单由 form标签，有哪些属性呢？

Name属性，用来找到某个表单的

Action 属性，表单提交的地址

Method属性，表弟那提交的方式，get   post

Enctype属性，如果需要上传图片，enctype属性的值，必须是 multipart/form-data

 

 

文本域：

Text

Value属性，控制默认值

Size 属性，控制表单显示多少个字符

Maxlength属性，限制表单最多输入几个字符

Readonly属性，控制表单的内容为只读的

 

密码

Name属性和 id属性通常都是用来定位到某个表单的

 

单选框：

注意：

单选框，必须分组，

 

上传文件

Type=file

必须保证表单的编码是ectype=”multipart/form-data”

 

下拉列表是通过 select标签实现的

每一个列表项是 option

Option有 value 属性，当表单提交过去之后能够根据value属性获得他的值

 

 

多行文本域

Textarea用于提交多行的文本

 

重置按钮

将表单恢复到默认的状态

 

隐藏域：

Type=hidden

在浏览器端，是看不到的，为了数据更安全，偷偷的提交过去的

 

提交注意：

1，提交的地址必须是带有 http:// 协议的 http://localhost/PHP/form.php

2，提交的方式如果是 get方式提交，接受的时候需要 $_GET[];

              如果使用post方式提交，接收的方式也是$_POST[]

3，每一个表单项，是通过name 来获得他的值

   例如，获得密码，$_POST[‘PASS’]; $_POST[‘username’];

 

 

 

8，图像映射

和图像相关的属性

图像映射

 

图像映射的构成：

Img --------将哪个图像制作映射效果

<map> ----- 开始制作图像映射

<area>--------将图像分割成几个区域

Area标签，有4个属性：

Shape：映射的形状

Coords: 坐标

Href: 指向的是点击映射区域后，跳转的地址，如果没有指定href属性的话，需要声明nohref=”nohref”

Alt:替代文字