html基础

简介

        html    超文本标记语言（heyper text markup language）   网页

        http    超文本传输协议
        作用：规范网页;
        网页和网站
        网站   地址   互联网   有很多的网页
        前端和美工(ui)
        前端是通过代码来构建页面效果
        ui根据灵感设计，说白了还是图片层次
        网页的分类
        1.静态网页  html
        2.动态网页
        3p php asp jsp
       当页面内容随着变量的变动而呈现不同的效果就是动态的，反之就是静态的
                前端的技术架构  html css js                   

网页和标签

网页是标签的集合体，也就是说网页里面包含大量的标签
1.标签的概念
用尖括号包围的关键词就是标签，关键词可以是字母，也可以是单词，但不可以是汉字
2.标签的特点
1.标签一般情况下是成队出现的，一个开始，一个结束，结束标签带有斜杠
3.网页中常见的标签有哪些？  
1.img 图片
src:把指定路径的资源引入到本网页
width/height:设置图片的尺寸
title:当鼠标放到图片上面时显示的提示信息

2.a   链接
3.table  表格
4.form   表单
5.br  换行
6.hr  水平线
7.p   段落
8.ul--li   无序列表   ol----li  有序列表   d  l----dt-----dd  自定义列表
9.h1~h6  标题标签
10.iframe   框架标签

11.strong   加粗标签

一个标签就是一个对象
对象的概念
客观世界内存在的任何实体都是一个对象
1.属性
2.行为

a标签的属性

href:跳转地址 src:引入路径
target:目标窗口 在指定的窗口打开连接地址
name:锚点定位

download:下载

table属性

table 作用是针对整齐
thead 表头
tbody 表体
tr 行
td 列
caption 表格标题
colspan 合并列
rowspan 合并行

        th 列

框架

1.iframe 内敛框架
总结  frameset 和 iframe的区别
一个有body 一个没有body
iframe需要自定义高宽
frameset 框架集合 作用  划分窗口
每一个frame都要引入一个网页

注释

html的注释方式：

 快捷键 ctrl+/

 形式<!-- -->

head的元数据

base/script/meta/style/link/title
mate:设置字符
title ：头部
base :  基准路径 网页中超链接默认路径
script:  脚本 js Ajax jsonp跨越
style： 样式 样式表
link :    链接外部样式表

标签的分类以及标签嵌套规则

   1. div/span:容器标签  可以向里面塞东西的标签

1.块状 div p table br hr 
2.内联 span em stong i
3.块状-内联 img
4.如何区分元素是块状内联？
1.如果独占一行，就是块状
2.如果公用一行就是内联，无法设置宽高
5.嵌套规则
块状的里面可以放置内联的，但是反之不行

2.标签的作用和应用

1.搭建网页结构
2.各尽其责

常见的实体符号

（< ） &lt 
 （>）&gt  
空格：&nbsp;
注册：&reg
版权：&copy

html额外的知识

1.html声明的意义和类型
1.意义  告知浏览器采用什么格式来解析当前网页
2.类型
html
strict
废弃的标签不认识
transitional
废弃的标签还认识
专门针对frameset类型呢

xhtml
strict


html5
!doctype html
    2.html的各种版本的区别发展史
    html html1  html2 html4
    浏览器  自己的版本
    兼容性问题
        组织w3c  指定统一规范
        网页比较随意  糟糕
        xhtml  xml  html

    xhtml
    html5

4.网页验证  https://validator.w3.org/指出网页中糟糕的地方

5.传统网页排版布局
table 繁琐  空间利用不高   工整
frameset  依赖网络  容易操作  
div  太灵活了    div，css都熟练  适合企业网站
6.cs/bs
client  server  1.下载  2.不能夸平台 平台系统
如果要多系统使用  设计多个版本
browers-server 
因为浏览器也是需要下载的，所以bs也属于cs
1.不需要下载 浏览器

2.跨平台

表单

收集用户信息 
表单有几类：
1.登录表单
2.注册表单

表单控件

用户密码 验证码 按钮 提交 重置 性别 爱好 年龄 地址 协议

text 文本框控件  姓名/账号


password 密码框  


radio 单选       性别 label


cheackbox 多选   爱好 选修课

select:  optiong    下拉框地址 multiple可以多选
textarea:   文本域 readonly只.读

get和POST的区别
get数据暴露，不安全
post 数据放在请求体里面  安全
fieldset 
legend 

表单验证  减轻服务器的压力

前端  后台验证  数据库验证

xhtml和html的区别

xhtml  ：标签 小写                      html ：随意，大小写都可以  ，属性值可以没有       

   属性值必须有                                    
    标签成对
    标签正确嵌套