学习笔记/4/22

最新推荐文章于 2024-09-17 23:15:52 发布

dö565

最新推荐文章于 2024-09-17 23:15:52 发布

阅读量36

点赞数

文章标签：学习笔记 javascript

本文链接：https://blog.csdn.net/weixin_73898742/article/details/130299764

版权

本文介绍了HTML的基本结构，包括使用VSCode配合OpeninBrowser插件进行预览，以及HTML的语法特性如大小写不敏感、空元素和标签的使用，如标题、段落、链接、图像和水平线。此外，还提到了一些重要标签如<link>和<script>，以及属性的应用，如class、id和style。

摘要由CSDN通过智能技术生成

html大致结构：
html编译器及运行方式：
html的开发工具可以使用VSCode或sublime，这里使用的是VSCode，在扩展中添加open in browser，在编辑好代码后保存，右键点击代码所在页面，选择在浏览器中打开，即可看到实际内容，再次编辑好代码后并保存，刷新之前打开的界面，即可看到新的修改。

html语法：
html的元素以开始标签<>起始，以结束标签</>终止。元素的内容是开始与结束标签之间的内容。某些元素具有空的内容，大多数元素拥有属性。

html空元素：没有内容的元素，类似<br>，空元素是在开始标签中关闭的，<br>就是没有关闭标签的空元素。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。

html对大小写不敏感，<P>和<p>效果一样，在万维网联盟<W3C>HTML4中推荐小写。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

html常用标签种类：
HTML标签速查列表（转自菜鸟教程）

标题：<h1>一级标题</h1>

段落：<p>这是第一个段落</p>

<p>这是第二个段落</p>

换行： <br> 单个标签即表示换行，可嵌套在其他标签内

链接：<a herf="www.baidu.com">这里输入的是链接的名称(herf属性是链接的地址)</a>

添加属性target="_blank"，即可在新的窗口打开链接，最好与rel="noopener noreferrer"配套使用，它能使网站更安全，防止钓鱼网站，因为它获取的window.opener的值为null

添加属性style="text-decoration:none;"，即可去掉链接的下划线