HTML

一,什么是HTML？

是超文本标记语言（不是编程语言），它是用来制作网页的一种语言

标记语言是一套标记标签

二，Web标准

为什么需要它？浏览器不同，它们显示页面或排版就有些差异。遵循它可以让写出的页面统一，标准

构成：结构（Structure）写到HTML文件中，表现(Presentation)写到CSS文件中，行为(Behavior)写到JavaScript文件

          结构，样式，行为相分离

三，HTML语法规范：

1，标签

1，HTML标签是由尖括号包围的关键词，如

2,标签通常成对出现，称为双标签，开始标签-结束标签。

3，单标签：

4，双标签关系分为两类：包含关系，并列关系

5，基本结构标签

2，常见标签：（上）

1，标题标签：

--

     

我是一级标题

。一共六级标题

2，段落和换行标签：

我是一个段落标签

                                 
换行标签

 3，文本格式化标签：

4，它们就是一个盒子，用来装内容

     

标签。division分割，分区。用来布局，一行只能放一个

,大盒子

      标签。span跨度，跨距。用来布局，一行可以多个，小盒子

5，图像标签：

     

 标签名与属性，属性与属性之间均以空格分开。属性="属性值  "

6，路径

    1，目录文件夹和根目录

    2，相对路径：图片相对于HTML页面的位置

         同一级路径：

         下一级路径：

          上一级路径：

   3,绝对路径：指目录下的绝对位置  或完整的网络地址

7，超链接标签：文本或图像 

                                                                       target="self"为默认值，在当前窗口打开

                                                                       target="blank"为在新窗口打开

    1 外部链接:从一个页面链接到另一个页面腾讯

    2 内部链接：网站内部页面之间的相互链接公司简介

    3空链接：都是没有确定链接目标时首页

    4下载链接：如果href里面的地址是一个文件.exe或者压缩包.zip，会下载这个文件

                           下载图片压缩包

    5网页元素链接：文本，图像，表格，音频，视频都可以添加超链接

                           

    6锚点链接：点击链接可以快速定位到页面中的某个位置

         。在href中，设置属性值为#名字的形式，如第2集

         。找到目标位置标签，里面添加一个id属性=刚才的名字，如

第2集介绍

3，注释和特殊字符

1，注释以""结束  如：  快捷键ctrl+/

2,特殊字符：重点记空格，大于，小于

四，标签：（下）

1，表格标签：

1，表头单元格标签：

一般在 第一行或第一列，加粗居中

2，表格的属性：

这些属性要写到表格标签table 里面去

   

    ---

   

2，表格结构标签：     

                         表格的头部区域     表格的主体区域

3，合并单元格

方式：1，跨行合并：rowspan="合并单元格的个数"

           2，跨列合并：colspan=”合并单元格的个数“

目标单元格：（写合并代码）

          1，跨行：最上侧单元格作为目标单元格，写合并代码,最后删除多余的单元格

          2，跨列：最左侧，，，，，，，，，，

2，列表标签：

1，无序列表***********************

   

• 列表项1

    

• 列表项2

    

• 列表项3

    ········

注意：ul中只能放li标签，但li中可以放任何元素

2，有序列表（理解）

   

3，自定义列表************************

   

名词1

   

名词1解释1

    

名词1解释2

3，表单标签

表单域：

会把范围内的表单元素交给服务器

   

   

表单元素：

1，input输入表单元素

。要求单选按钮和复选框要有相同的name值 

。checked属性主要针对于单选按钮和复选框，主要作用：一打开页面，就要可以默认选中某个表单元素

。name是表单元素名字，这里性别单选按钮必须有相同的名字name才可以实现多选一

        性别：男女：

        aihao:chifan  shujijiao

  label标签：

标签为input元素定义标注，用于绑定一个表单元素

for="sex" >男

id="sex" />          for和id一样！！！！！

2，select下拉表单元素

 

选项1

  

选项2

  

选项3

·······

注意：在中定义selected="selected"时，当前项即为默认选中项。

如：南京

3，textarea文本域元素

        今日反馈：

        留言是：