html入门

互联网的三大基石

1 HTML：超文本标记语言

2 HTTP：超文本传输协议

3 URL：同一资源定位符

HTML、CSS、JS之间的关系

Html：页面简单布局

Css：为布局增加一些简单属性，使其看着美观

Js：让网页具有动态交互的功能。效果更加炫酷

HTML的作用

HTML是一种专门对网页信息进行规范化展示的语言。

把网页的信息格式化展现的语言

HTML中的列表

有序：ol

无序：ul

自定义：dl

常见的小标签

<u></u>下划线

<i></i>斜体

<b></b>加粗

<del></del>删除线

3⁴上标签

Log⁶ 下标签

<small></small>字体变小

<big></big>字体放大

超链接标签

href:指定跳转到目标资源的位置

target：打开网页的方式

<a href=””> </a>  引号中跟连接地址 在本页面跳转 

 <a href=” ” target= “ _blank”> </a> 重新打开一个网页跳转

实现锚点功能

Href =“# ”中#号后面写跳到本页面指定标签的name

<a href =”#bottom” name = “top”></a>返回底部 当点击时返回底部

<a href =”#botton” name = “bottom”>返回顶部</a>点击时返回顶部

引入图片的三种路径

相对路径

绝对路径

网络路径

常见属性

Src：引入图片的位置

Title：图片的标题

Width：设置图片的宽度

Height：设置图片的高度

Border：图片的边框

Alt：图片无法正常显示的时候显示的文字

Align：图片的位置，必须有参照物

表格标签

Tr 行 height 高

Td/th 列width 宽

Th标题列：自动居中，加黑效果

Td 普通的列

Colspan：列的合并

Rowspan：行的合并

Bgcolor：背景颜色

9 表单

action：表单提交的位置

get 和post提交的区别

Get：1 参数会依附于url地址之后

          2 利用get方式提交数据，数据的长度有限制

         3 利用get 方式提交数据，是不安全的

 Post：

        1请求不会依附于地址，

        2 利用post处理参数不受限制

        3 post提交数据比较安全

表单常见属性

<Input type = “text” >普通文本框

          type =  Type= “password” 密码框 输入的数据会显示为点

          type =   Radio：单选框 要实现单选 必须name的相同

          type =  Checkbox 多选框 实现多选

          type =   Textarea：多行文本框

          type =  Select ：下拉框

          type = Option 下拉框选项标签

          type =  Submit：提交按钮

          type =  Button 普通按钮

          type =  Reset：清除数据

iframe标签

跳转时不会跳转整个页面，只需要跳转页面中指定的部分

div作用：网页布局模板化