HTML的使用

一、简介

HTML是一门语言,许多网页都是由HTML编写的。

HTML(HyperText Markup Language)超文本标记语言:由标签构成的语言

超越了文本的限制,可以定义图片,视频,音频。

HTML运行在浏览器上,HTML标签由浏览器解析。

例:<img>==》展示图片

W3c标准:网页主要由三部分组成:

结构:HTML

表现:css

行为:javascript

二、HTML的快速入门

1.新建文本文件,后缀名改为html

2.编写html标签

3.在body中定义文字

三、标签

1、基本标签

(1)<h1>-<h6> 定义标题, h1最大,h6最小

<font>定义文本的字体(face),尺寸(size),颜色(color)

<b>粗体

<i>斜体

<u>下划线

<center>居中

<p>段落

<br>折行

<hr>水平线

<!-- -->注释

(2)html表示颜色

1.英语单词:red

2.rgb(值1,值2,值3),值的范围:0~255

3.#值1 值2 值3:值的范围:00~FF(十六进制)

2.图片,音频,视频标签

<img>图片 src:资源路径,height:高度,width:宽度 尺寸单位:px:像素,百分比:eg.height="120%"

<audio>音频 src,controls:显示控件

<video>视频

资源路径:1.绝对路径:完整路径 2.相对路径:相对位置关系

3.转义字符

4.超链接标签:

<a>定义超链接

href:指定访问资源的URL

target:指定资源打开的方式

_self:默认值,在当前页面打开

_blank:在空白页面打开

5.列表标签:

<ol>定义有序列表

<ul>定义无序列表

<li>定义列表项

type设置项目符号

6.表格标签:

<table>定义表格:border:定义表格边框的宽度,width:规定表格的宽度

cellspacing:规定单元格之间的空白

<tr>定义行 align:定义表格行的定义方式

<td>定义单元格 rowspan:纵向合并单元格,colspan:横向合并单元格

<th>定义表头单元格

先定义行再定义表头

eg.

<table>

<tr>

<th>...<th>

</tr>

</table>

7.布局标签:(与css一起使用)

<div>:会占满整行

<span>:用于组合表内元素

8.表单标签:在网页中主要负责数据采集功能

使用<form>标签来定义表单

action:规定当提交表单时向何处提交表单数据URL

method:规定用于发送表单数据的方式

get:浏览器会将数据直接附到action URL的后面(4kb,大小有限制)

post:放到http消息请求体后,大小无限制

9.表单项标签:

<input>通过type属性控制输出形式

<select>下拉列表,<option>定义列表项

eg.<select name="...">只有name才能接收

相关推荐
IT_陈寒6 分钟前
SpringBoot自动配置的坑,我爬了三天才出来
前端·人工智能·后端
Avan_菜菜7 小时前
AI 能写代码了,为什么我反而开始要求它先写文档?
前端·github·ai编程
爱勇宝11 小时前
鸿蒙生态的下半场:开发者不只要能开发,还要能赚钱
android·前端·程序员
IT_陈寒14 小时前
SpringBoot这个自动配置坑我跳了三次
前端·人工智能·后端
kyriewen14 小时前
我用 AI 一周写完了整个项目,上线第一天就崩了——这是我踩过最贵的 5 个坑
前端·javascript·ai编程
牧艺15 小时前
从零到协同:构建类飞书在线文档系统的五个技术重难点
前端·人工智能
红尘散仙15 小时前
想写一个像样的终端 App?试试把 React 的开发体验搬进 Rust TUI
前端·rust
袋鼠云数栈UED团队16 小时前
一套 Spec-First 的 AI 编程工作流
前端·人工智能
袋鼠云数栈前端16 小时前
一套 Spec-First 的 AI 编程工作流
前端·ai+
angerdream16 小时前
Android手把手编写儿童手机远程监控App之vue3 路由守卫
前端