这周深入学习了HTML的知识,对HTML基础学习更加深入

首先,HTML(Hypertext Markup Language),是一种标记语言,来标记要显示的网页中的各个部分。一套浏览器认识的规则。
浏览器会按顺序渲染网页代码文件,根据标记符解释和显示内容。不过不同浏览器的标签解释可能有差异。

HTML代码文件的结构:<!DOCTYPE html> #让浏览器知道用哪种HTML来解析它。 #开头标记,结束时有对应标记。告诉浏览器自身是一个HTML文档。  

<head> #头部定义   <meta charset="UTF-8"/>   <title>网页的标题</title>  </head>  <body> #网页主题内容  </body> #结尾标记

标签的语法:

<标签名 属性1= "属性值1" 属性2= "属性值2" ……> 内容部分 </标签名>
<标签名 属性= "属性值1" 属性2= "属性值2" …… />

一些特殊标签:

<title>网页标签名

<hn> n为1~6,表示内容中标题大小。

<strike> 在文字上加一条中线。

<img>图片标签

src: 要显示图片的路径.

alt: 图片没有加载成功时的提示.

title: 鼠标悬浮时的提示信息.

width: 图片的宽

height:图片的高 
<a></a>
超链接标签

从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上 的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序

<table>表格

表格是一个二维数据空间,一个表格由若干行组成,一个行又有若干单元格组成,单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。
表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式(即按行和列组织)的数据。

<form>表单标签

用于向服务器传输数据,从而实现用户与web服务器的交互

表单属性:

  • action : 表单提交到哪个地址,程序要有相应的接收表单数据与处理机制,
  • method: 表单的提交方式 post/get默认取值就是get
HTML表单是HTML元素中较为复杂的部分,表单往往和脚本、动态页面、数据处理等功能相结合,因此它是制作动态网站很重要的内容。
<input>标签

类型

type:   text 文本输入框

        password 密码输入框

        radio 单选框

        checkbox 多选框  

        submit 提交按钮            

        button 按钮(需要配合js使用.) button和submit的区别?

        file 提交文件:form表单需要加上属性enctype="multipart/form-data" 
select标签
 <select> 下拉选标签属性

<textarea> 多行文本框

 每天看视频学习了很多,把一些薄弱的基础补了上来,继续坚持。

代码也需要每天写一些,保持熟练度。

 
posted on 2017-12-09 19:29  江槐  阅读(130)  评论(0编辑  收藏  举报