*HTML: 超文本标记语言

2023-12-26 06:03:45

*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>


?

? ??

文章来源:https://blog.csdn.net/m0_62840476/article/details/135210760
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。