html语言html结构,HTML基本标签及结构详解

1.HTML概述

1.HTML：超文本标记语言。是一种标识性语言，非编程语言，不能使用逻辑运算。通过标签将网络上的文档格式进行统一，使分散的网络资源链接为一个逻辑整体。

超文本是一种组织信息的方式，通过超级链接将多种媒介链接起来

标记:标签。用<>包裹的具有一定含义的内容，比如:…

静态网页:不变

动态网页：跟后台同时改变

2.HTML标签结构

1.文档结构：

我的第一个html网页

/*书写样式的地方*/

这是一个段落

//放脚本代码的地方

2.常用标签：

...

文本

文本

文本

文本

锚点链接 href='#href' 目标位置的属性要设置为与其一直 id='#href'

src路径 alt替换文本 title 图片提示文本 width:图像宽度 height:图像高度 border边框

• li1
• li2
• li3

1. li1
2. li2
3. li3

//自定义列表 重点每个网站的最下面基本都是通过自定义

自定义列表

4.标签属性:

下面的title class就是属性名，而后面的就是属性值

这是一个测试段落

5.部分其他标签:

加粗

加粗且强调

倾斜

倾斜且强调

pre预格式化

文本,保留换行和空

格及宽度

我是正常的

我是小一号的文字

正常显示:X1+X2=Y

下标:X₁+X₂=Y

下标:X¹+X²=Y

删除线

下划线

转义字符：  空格 < 小于号 >大于号

6.表格标签以及表单标签

表格标签结构: 作用:显示 展示数据

属性

align left center right 对齐

border边框 cellpadding 文字和单元格的距离 cellspacing 单元之间的距离 width

表格结构标签

表头区域

主体区域

合并单元格:跨行合并:rowspan行和行 跨列合并:colspan列和列

合并代码:跨行:在最上侧单元格为目标单元格，写合并代码

跨列:在最左侧单元格为目标单元格，写合并代码

跨行或跨列步骤:

1.确定跨行还是跨列 2.找到目标单元格 3.删除多余单元格

7.表单标签:

表单标签:主要用途:收集用户信息

表单由表单域 表单控件(元素) 提示信息组成

表单域 实现用户信息传递

action跟着的为地址 method提交方式 name名称

input输入表单元素:

type属性值:text文本 password密码 button ridio单选框() checkbox(多选按钮).....

submit(提交按钮，将表单值提交给服务器) reset 清除表单的所有数据

button 普通按钮 结合js使用 file 上传文件

name属性:表单元素的名字，单选按钮必须有相同的名字才可以多选1

单选按钮和复选框都要有相同的name

value属性 定义值

每个元素都应该有的，主要给后台人员来使用的

checked 针对单选和多选 当页面打开的时候默认选择

maxlength 最大长度

select下拉表单元素

使用场景:有多个选项，想节约空间

select至少包含一个option 在option中的属性selected = selected进行默认选择

使用场景 for 和表单元素的id属性相同就对应上

textarea文本域表单元素 输入文本较多时

一般规定长度通过css

到此这篇关于HTML基本标签及结构详解的文章就介绍到这了,更多相关HTML基本标签及结构内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！