html和JavaScript（一）_第1关:javascript与html-优快云博客

本文链接：https://blog.youkuaiyun.com/shir_/article/details/64924162

本文介绍了如何在计算机中显示文件后缀名的方法，并详细讲解了HTML的基本结构及常用标签，包括文本格式化、链接创建等，适合HTML初学者快速入门。

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

1、关于文件后缀名

如果文件看不到后缀名，那么需要显示后缀名：
进入“计算机“–>(在文件夹中)找到工具栏上的“工具”–>文件夹选项–>查看–>将“隐藏已知文件扩展名”前面的勾去掉–>确定

2、Html结构

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>第一个HBuilder页面</title>
    </head>
    <body>
        可以添加其他的脚本
    </body>
</html>

基础标签认识

<h1>-<h6> 表示不同等级的标题文本
<p>表示普通文本，段落

Html的编写规则

大小写不敏感，如<p>和<P>其实是一样的，但是建议小写开始的标签则小写标签结束，大写也一样。

空标签

表示法：‘<’开始 然后加上标签名 接着用 ‘/>’结束，这类标签就是空标签，空标签没有子内容
如：<br/> 表示换行

Html标签属性

属性表示：属性名=属性值，注意所有的属性值用双引号括起来，如：
<a href="http://www.baidu.com">百度一下</a>

一个标签可以有多个属性，每个属性之间甚至是属性和标签名之间，中间用空格隔开,属性只能放到开始标签

颜色基础

三原色：R--red（红） G--Green（绿） B--Blue（蓝）
如果都没有颜色则为黑色，如#000000 所有颜色都加满就是白色 ，如 #ffffff

注释

Html的注释以"<!--"开头以"-->"结尾

注释的快捷键Ctrl+/

文本格式化

<b>表示粗体bold
<i>斜体
<strong>加粗的粗体
<big>大号字体，可以嵌套，每嵌套一层加大一号
<small>小号，可以嵌套，嵌套一层小一号
<sub>表示下标
<sup>表示上标

预览式文本

<pre>可以保留空格、换行
<code>显示一些代码的标签

特殊字符的显示

&lt;表示左尖括号 <
&gt;表示右尖括号 >
&quot;表示引号 "

地址

<address>以斜体的形式显示地址信息

处理缩写的提示

<abbr>,如<abbr title="World Wide Web">WWW</abbr>表示显示的内容为www，当鼠标划到内容上时
显示title中的完整信息“World Wide Web”提示

文本的删除和插入

<del>表示删除，在文本上出现删除线
<ins>表示插入，在文本上出现下划线

链接

文本链接

<a href="http://www.baidu.com">百度一下</a>

图片链接

<a href="http://www.baidu.com"><img src="img/pic1.jpg"/></a>

链接的target属性

_self目标在当前窗口打开
_blank目标在新窗口打开
<a href="http://www.baidu.com" target="_blank"><img src="img/pic1.jpg"/></a>