这周深入学习了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>网页标签名
<link>给标签链接一些图片等。
<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> 多行文本框
每天看视频学习了很多,把一些薄弱的基础补了上来,继续坚持。
代码也需要每天写一些,保持熟练度。