前端学习笔记--HTML语法(1)_html中calculate-优快云博客

本文链接：https://blog.youkuaiyun.com/calculate23/article/details/86516734

本文详细介绍了HTML的基础知识，包括超文本标记语言(html)、层叠样式表(css)、脚本语言(javascript)，以及如何使用WebStorm进行开发。文章还深入讲解了HTML5的标准、元信息设置、链接资源、图片插入、文本格式化、链接创建、换行、表格制作等常用标签的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

笔记

html ： 超文本标记语言
F12：开发者模式
css： 层叠样式表
javascript(js): 脚本语言，增加动态效果
开发环境：WebStorm
开发手册: w3school
H5的标准：<!DOCTYPE html>
<meta> :网页的信息
  charset字符集(UTF-8,gb18030,gb2312) 默认utf-8
<link > : 链接资源

网页代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
</head>
<br>

<!-- 分级标题（1--6） -->
<h1>
    xxxx
</h1>
<h2>
    qqqq
</h2>

<!--段落 (不能够直接换行) -->
<p>
    Hello World!\n
</p>

<!-- 产生一个访问百度的链接，并且名字为this is a link -->
<!-- 在a中的href称为属性 -->
<a href="http://www.baidu.com">
    this is a link
</a>

<!-- 换行 -->
</br>

<!-- 链接一张图片，并设置它的宽高 -->
<img src="image/west.png" height="500" width="500">

<!-- 设置一级标题，并居中显示，align也是一个属性 -->
<h1 align="center">
    标题2，居中
</h1>

<!-- 表格 -->
<table border="3">
</table>

<!-- 设置主体的背景颜色，不会因为多了一个body而设置不同的背景，body就1个 -->
<body bgcolor="#ffebcdblu">
<h1 align="center">hhhhhhhh</h1>

<!-- 在html的标准中使用没有区分大小写，而对于将来的xhtml强制使用小写，所以在写各种标签
 的时候尽量使用小写-->



</body>
</html>