HTML的基本内容

231 阅读2分钟

什么是HTML

HTML:超文本标记(标签)语言。HyperText Markup Language。

超文本:文字、图片、动画、音频和视频、超链接和程序等。

特点:简单、通用性、和平台无关。 注意:HTML不是一种编程语言

HTMl的基本结构

三部分:html跟部分、head头部、body部分。
在web开发的时候,有三种常见的编码: ASCII码,没有中文 GBK/GB2312,有中文,在某些地方会以ANSI的方式来显示。 Utf-8,包括世界上所有的文字,是首选。

HTML标签

常见的也就20多种
结构:html、head、body 、title、 meta
文章:h1~h6 p br em strong
超链接:a
图片:img
布局:div span
列表:ul ol li dl dt dd
表格:table tr td th
表单:form input select option textarea
标签构成: 开始标签<> 内容 结束标签</>
标题标签:定义标题 h1~h6 h1最大 h6最小 <>内容</>
段落标签:分隔内容 p
超链接标签:a 用于连接其他资源
a标签又有三种:站外连接、站内连接、锚点链接
站外连接:即连接其他的网站
站内连接:指网站内部的一个连接
锚点连接:在网页某处建立锚点 需设置name属性 连接到锚点 加# 以及href
图像标签:img img src=” width=” height=” alt=” title=” img是单标签
div span 是用来划分结构的

列表:有序列表和无序列表
有序 :ol等
无序: ul 等
以及列表项:li
表单:from表单 input输入框
select和option下拉列表 textarea /textarea 文本域 from元素:创建一个表单 <> </> 重要属性:action:表示当前表单提交给那个页面来处理 method:表示表单的提交方式,有get和post之分,默认是get input:表示输入框,有很多; type = text 单行文本输入框
type=password 密码输入框
type=checkbox 复选框
type=radio 单选框
type=file 文件域
type=submit 将表单里的信息提交给表单
type=reset 将表单的信息清空,重新填写
type=image 图片提交按钮
type=button 按钮
type=hidden 隐藏域
对于input而言 type的默认值是text,表示单行文本 对于input(实际上是每一个表单元素),最好是添加一个name属性,作用是用于将用户填写的内容添加给要处理的页面。 select和option 联合可以实现下拉列表
格式:select (option /option)*n /select textarea 提供输入大量文本的输入框 格式 textarea / textarea

标签分男女(即块级标签和行内标签)
男标签(块级标签):div h类的 p li form table 盒子 模型中的六大属性都可以生效
女标签(行内标签):a span em storng 盒子模型中的width height不生效 margin和 padding只在水平方向上生效,在垂直方向上不生效