前端入门介绍及HbuilderX的下载

自信boy

已于 2022-06-01 08:55:11 修改

阅读量1.3k

点赞数 3

文章标签：前端

于 2022-04-01 15:37:32 首次发布

本文链接：https://blog.csdn.net/weixin_59413281/article/details/123898942

版权

1.web的基本组成：

结构（html）表现（css）行为（js）

2.html:超级文本标记语言。

html5：html的第五个版本。

3.html的基本结构

<!--文档头部声明 声明它是个html文件-->
<!DOCTYPE html>
<!-- 根元素  告诉文件我要在这里面写html代码 -->
<html>
  <!--浏览器的头部-->
  <head>
    <!-- 编码格式 -->
    <meta charset="utf-8" />
    <!-- 浏览器的标题 -->
    <title></title>
  </head>
  <body>
    <!-- 浏览器的主体 -->
  </body>
</html>

4.html基本语法

1、双标签  有开始有结束
描述:<附近的第一个单词为标签名 如果有属性 那么直接写在起始标签内 属性="属性值" 如果有多个属性空格隔开
我们管这一类的属性 叫html属性 因为直接写在起始标签内
<标签名 属性="" 属性=""></标签名>

2、单标签 有开始 以/结束
<标签名 属性="" 属性="" />

5、html常用标签

标签的叫法
标签(标记)（html里）          元素（css里）              节点（js里）

<h1>一级标题 往往用于logo附近 一个页面只有一个</h1>
<h2>二级标题 往往用于大模块标题</h2>
<h3>三级标题 往往用于小模块标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<p>段落标签</p>
<i>自带倾斜</i>
<em>自带倾斜</em>
<b>自带加粗</b>
<strong>自带加粗</strong>
<br/> <!--换行-->
<hr/> <!--内容分割线-->
<sup>上标</sup>
<sub>下标</sub>
<del>自带删除线</del>
<u>自带下划线</u>