html快速入门

六毛的毛

已于 2024-08-23 13:02:50 修改

阅读量1.1k

点赞数 5

分类专栏：前端基础文章标签： html javascript 前端

于 2024-08-22 16:43:17 首次发布

本文链接：https://blog.csdn.net/m0_52049533/article/details/141422867

版权

前端基础专栏收录该内容

6 篇文章 0 订阅

订阅专栏

HTML语言不区分大小写
HTML语言不区分单双引号
基本结构：
HTML
- head
  - title：浏览器标题
- body

示例：

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
</head>

<body>
    <p>Hello World!!!</p>
    <img src="test.png"/>
</body>

注意，img的src路径需要和html文件在同一个文件夹下。

空格占位符： 

图片标签

- src：图像的url - width：图片宽度 - height：图片高度

标题

从<h1>到<h6>

分割线

<hr>

无语义标签

<span>没有语义，一行内可以有多个元素，不可以设置宽高
<div>一行只显示一个，可设置宽高

超链接

<a></a>

href：指定链接url
target：指定在何处打开链接
- _self：默认，在当前页面打开
- _blank：在空白页面打开

视频

<video>

src：视频的url
controls：显示播放控件
width/height：播放器的大小

表格

<table>标签：表格整体（border：边框宽度，width:表格宽度，cellspacing：单元格之间的空间）
<tr>表格的行，可以包裹多个<td>
<td>表格单元格，可以包裹内容。如果是表头单元格，可以换成<th>

表单标签

<form>标签

action：规定提交表单时向何处发送数据，url
method：规定用于发送表单数据的方式。GET POST
以get方式请求，会在url后面拼接表单数据
以post方式请求，在消息体中传递，参数大小无限制

表单项：

<input>：定义表单项，通过type属性控制输入形式

label标签可以将包裹在内的所有元素融为一体，点击label内任意元素
一个单选框的name必须一致
<select>：定义下拉列表，<option>定义列表项
<textarea>：定义文本区域

六毛的毛

关注

5
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录