网页前端开发(基础)
前端开发三件客:HTML,CSS,JavaScript。
web标准,也称网页标准,由3个组成部分。1.HTML,管理页面的元素和内容。2.CSS,负责网页的表现(页面元素的外观,位置等页面样式。如:元素的颜色,元素的尺寸等等)3.JavaScript,负责网页的行为(交互效果)。
HTML
html超文本标记语言(超文本:超越文本的限制,比普通文本更加强大,还可以定义图片,音频,视频等等),html使用标记语言(标记语言由标签‘<标签名>’构成的语言)。
HTML文件的定义:
1.新建文本文件,将文件后缀名改为.html。
2.使用Visual Studio Code软件,编写html的基本骨架。(运行HTML需要添加插件)
3.在<body>中填写网页内容。
html基本骨架
html基本骨架 可以使用“!”快速生成。
HTML骨架的分析:
HTML使用标签语言,使用<html> </html>包含整个代码(标签有开头与结尾,使用</"标签名">表示标签结束)。
HTML骨架的<head> </head>用于存储网页的基本信息(如html的字符类型,body中元素的格式)。<head>中的内容主要提供给浏览器,用户只会看到浏览器处理之后的结果。
HTML<body> </body>用于存储网页的各个元素(如:网页之中的视频,图片,文字)。用户可以在网页中直观看到的元素的内容。
<body>用于存储网页的元素,而 <head>可以存储<body>中元素的格式(如颜色,尺寸等等)。两者之间相互合作,使用户可以看到完整的网页界面。
html标签的特点:
1.HTML标签不区分大小写(建议使用小写)2.HTML标签的属性值可以使用单引号或双引号(建议使用双引号)
3.HTML语言结构松散,但是建议规范书写。(<“标签名”> 表示标签的开始,</“标签名”>表示标签的结束)
HTML网页内容编写:
HTML<body> </body>用于存储网页的各个元素。
因此,在<body> </body>内编写网页内容。
标题的定义:
<body><!-- 定义一个一级标题-->
<h1>html快速入门</h1>
<!-- 标题使用<h1>~~<h6>
<h1>定义一个一级标题
<h2>定义一个二级标题
.........
<h6>定义一个六级标题
最高是<h6>,<h7>不存在
-->
</body>
超链接的定义:
<body>
<!-- 定义一个超链接-->
<a href="https://tv.cctv.com/" target="_blank">央视网</a>
<!-- 超链接使用<a href=" " target=" ">*****</a>
href=" ",双引号之间可填写网站。
*****可以填写文字,点击此文字,跳转至herf的网址。
target=" " 表示跳转时在新窗口打开或在本窗口打开。
target="_blank" 在新窗口打开
target="_self" 在此窗口打开
-->
-</body>
点击央视网,可以跳转到央视网官网。