HTML语言基础

HTML语言基础

基本认识

超文本标记语言（可以展示内容的类型超过原本的文本格式）

结构：head-头部，body-身体

<!--文档注释-->
<!DOCTYPE html>
<!--使用语言的地区 en 表示英国 美国 en - US-->
<html lang="en">
<!--html 头-->
<head>
	<!--文件字符集-->
    <meta charset="UTF-8">
	<!--文件标题-->
    <title>我的第一页</title>
</head>
<!--html 身体-->
<body>
	<!--内容-->
    我的内容
</body>
</html>

运行方式：本地（本地html文件）、远程（服务器html文件）

标签

用来标记内容类型的一种标记格式

  • 标签用两个尖括号“<>”括起来
  • 一般是成对出现，如<b></b> 前一个是起始标签，后一个是结束标签
  • 双标签中间的文本是html元素内容
  • 单标签只需要单独使用就能完整表达意思，如<br/> <hr/>
  • 元素指的是从开始标签到结束标签的所有代码
  • 起始标签内可以放属性字段，如 <font color="red" size="40px" face="微软雅黑">文字</font>
  • 标签不能交叉嵌套
  • 标签必须被正确关闭
  • 注释不能嵌套
  • HTML不严谨（多浏览器解释器不一致），有时标签不闭合，属性值不带“”也不报错

idea自动补全html标签

webstorm(idea)常见自动补全方法和常用快捷键

标签自动补全：

  • 纯标签补全
    例：输入h1,按Tab键，

  • 纯标签+地址“id”
    例：输入h1#ccg,按Tab键，

  • 纯标签+类“class”
    例：输入h1.ccg,按Tab键，

  • 标签+子标签+子标签个数
    例：输入div>p*6,按Tab键，

  • 标签+类+子标签+子标签个数+子子标签+地址+}HTML}
    例：输入ul.menu>li*6>a[href=#]{HTML},按Tab键，

快捷键搜索功能

  • ctrl+F ：搜索当前文件的东西，可实现替换相同标签。
  • 双击shift：全局查找。
  • ctrl+E：查找最近打开过的文件
  • ctrl+shift+N :通过文件名快速查找过程内的文件
  • ctrl+K：查找下一个
  • ctrl+shift+K：查找上一个
  • ctrl+shift+R：指定目录内代码批量替换
  • ctrl+shift+F： 指定目录内代码批量查找

标签类型

字符实体

空格、尖括号这些特殊符号，如果要在网页中显示，它们要在html文件中使用字符实体

比如，空格用&nbsp

表单标签

主要用于向服务器资源提交数据的一个元素

<form action="url" method=*>

...

<input type=submit> <input type=reset>

</form>

*可以是get或者post等

常见标签

div:把文档分割为独立的、不同的部分,是一个块级元素。它的内容自动地开始新行

p:定义段落，会自动在其前后创建一些空白

span:内联元素，如果不对span应用样式，span标签没有任何的显示效果，用来控制某个关键的内容展示效果

posted @   邵泽龙  阅读(86)  评论(0)  编辑  收藏  举报
相关博文：
·  HTML-DOM基础
·  JavaScript语言基础
·  HTML基础
·  HTML基础
·  HTML基础
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
点击右上角即可分享
微信分享提示
SQL AI 助手