html总概述

HTMl:超文本的标签语言:就是用标签的方式来描述数据的

html的标签:分为两部分:
1.块级标签:就是前后自带一行
块级标签又分为两类:
基本的块级标签:就是直接可以用来描述数据的
1.标题标签:<h1>~<h6>
2.段落标签:<p>标签
3.水平线标签:<hr/>
布局的块级标签:
1.有序列表:<ol><li>
2.无序列表:<ul><li>
3.定义描述标签:<dl><dt><dd>
4.表格:<table>
<tr>
<td></td>
</tr>
td有两个属性:跨行(rowspan)和跨列(colspan)
表单标签:<form>作用是客户端与服务器端传送数据的窗口
form标签的两个属性:
action指表单要提交到的地址
method指表单提交的方式:get/post
常用的表单元素:
文本框:text
密码框:password
单选按钮:radio
复选框:checkbox
下拉列表框:select,option
文本域:textarea
文件域:file
提交表单的按钮:submit
清空表单值的按钮:reset
普通按钮:button
图片的按钮:image
隐藏域:
只有几个特殊的表单需要特殊记忆,
select,textarea
其他的都是input标签,由type属性值来决定是什么表单元素
有几个常用表单元素的属性需要特殊记忆:
1.readonly:表示只读
2.disable:表示禁用
3.selected:下拉列表框默认选中项
4.checked:表示设置单选和复选的默认选中项
5.name:表示在服务器端可以通过该属性来获得表单元素的值
6.id:在前端可以通过该属性值找到指定的表单元素对象


2.行级标签:会按照正常的文档流从上到下,从左到右,就是没有自带换行
常用的行标签:
img:图像标签,src的属性指定图片的路径,通常写相对路径
br:换行标签,类似于水平线标签,开始和结束标签在一起
a:超链接标签,可以打开链接的地址,通过href属性来指定打开的地址
  target属性来指定打开的方式
 超链接分为:
1.页面之间的链接
<a href="另一个页面的地址" targer="_self">百度</a>
2.锚链接
分为同一个页面之间的锚链接和不同页面之间的锚链接
同一个页面步骤:
标记处:<a name="标记"></a>
回到标记处:<a href="#标记名">回到标记处</a>
不同页面的步骤:
b页面的标记处:<a name="标记名"></a>
从a页面跳到b页面的标记处:<a href="b.html#标记名">回到标记处</a>
3.功能性链接
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML (Hypertext Markup Language) 是用于创建网页的标准标记语言。它是网页的基础,用来定义网页的结构、内容和布局。HTML文档由一系列元素组成,这些元素通过标签(<tag> </tag>)来描述。下面是一些基本的HTML案例和原理概述: 1. **结构元素**:如`<html>`、`<head>` 和 `<body>`,它们构成文档的基本框架。`<html>`是整个文档的根,`<head>` 包含元数据和样式信息,`<body>` 则包含可见的内容。 2. **段落和文本**:使用`<p>`标签定义段落,`<h1>` 到 `<h6>` 标签定义标题等级,文本则直接写在`<p>`或`<span>`等标签中。 3. **列表**:`<ul>` 和 `<ol>` 用于无序和有序列表,`<li>` 代表列表项。 4. **链接**:使用`<a>`标签创建超链接,`href`属性指定链接的目标地址。 5. **图像**:`<img>`标签插入图片,`src`属性指定图片的URL。 6. **表格**:`<table>`定义表格,`<tr>`代表行,`<td>`和`<th>`分别代表数据单元格和表头单元格。 7. **CSS应用**:HTML与CSS(Cascading Style Sheets)结合使用,使得页面具有更丰富的样式和布局控制。 案例演示可能包括创建一个简单的响应式网页,使用HTML5新增的特性如`<header>`、`<footer>`、`<section>`等,以及如何用外部CSS文件或内联样式来美化页面。同时,也会展示如何嵌套和组合这些元素,以及使用HTML事件处理(如按钮点击事件)来实现交互功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值