*HTML: 超文本标记语言

*HTML: 超文本标记语言

1.HTML基本结构

<html>

<head>

<meta name="xx" value="xxx"/>

<title>标题</title>

</head>

<body>

<!--注释-->

<h1>页面内容</h1>

</body>

</html>

2.前端开发工具

Webstrom、vsCode、HBuilder X

破解: 修改电脑时间 2034-10-25

双击: webstrom.exe 直接安装

安装结束后:把时间调整回来

3.HTML基本标签

标题标签: hx(1-6)

段落标签: p

加粗: strong

斜体: em

删除线:del

上下标: sup ,sub

分割线: hr

换行标签: br

超链接标签: a

-href: 打开的链接

-target: _self(本) _black(新)

内联框架: iframe

图片标签:img

-src:图片路径

-width:宽度

-height:高度

-title:标题

-alt:图片无法加载时文字内容

视频: video

音频:audio

列表标签

1.无序 ul->li

2.有序 ol->li

3.自定义 dl->dt->dd

表格标签:

  1. table : 表格标签

  2. tr: 行标签

  3. td: 单元格

  4. th: 表头

  5. caption: 表格标题

属性:

border:边框

cellspacing:单元格外边距

cellpadding:单元格内边距

bgcolor:表格背景

rowspan:行合并

colspan: 列合并

-表单

1.表单标签

<form action="" method="">

</form>

注意

-action: 指定数据提交的服务器

-method: GET|POST

*GET: 不安全 , 效率高 , 数据长度不能超过3KB.

*POST: 安全 , 效率低 , 数据长度理论上无限制

作用:把数据以指定的方式提交给指定的服务器。

2.输入标签

<input type="" name="" value=""/>

type: 输入控件类型

-text(文本框) -password(密码框) -submit(提交) -reset(重置) -button(普通) -image(图片按钮)

-radio(单选) -checkbox(多选框)

name: 控件名称(key)

value: 控件的值

checked: 是否被选中

3.其他表单标签

<select name="">

<option value="" selected> 内容 </option>

....

</select>

<textarea rows="行" cols="列" name="key">

value

</textarea>

相关推荐
Martin -Tang几秒前
vite和webpack的区别
前端·webpack·node.js·vite
迷途小码农零零发1 分钟前
解锁微前端的优秀库
前端
王解1 小时前
webpack loader全解析,从入门到精通(10)
前端·webpack·node.js
老码沉思录1 小时前
写给初学者的React Native 全栈开发实战班
javascript·react native·react.js
我不当帕鲁谁当帕鲁1 小时前
arcgis for js实现FeatureLayer图层弹窗展示所有field字段
前端·javascript·arcgis
那一抹阳光多灿烂1 小时前
工程化实战内功修炼测试题
前端·javascript
放逐者-保持本心,方可放逐2 小时前
微信小程序=》基础=》常见问题=》性能总结
前端·微信小程序·小程序·前端框架
毋若成4 小时前
前端三大组件之CSS,三大选择器,游戏网页仿写
前端·css
红中马喽4 小时前
JS学习日记(webAPI—DOM)
开发语言·前端·javascript·笔记·vscode·学习
Black蜡笔小新5 小时前
网页直播/点播播放器EasyPlayer.js播放器OffscreenCanvas这个特性是否需要特殊的环境和硬件支持
前端·javascript·html