当前位置: 首页 > news >正文

网页前端开发(基础)

        前端开发三件客: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>

点击央视网,可以跳转到央视网官网。

相关文章:

  • 软考中级-软件设计师 UML图详解( 类图,对象图,用例图,序列图,通信图,状态图,活动图,构件图,部署图)
  • 面试算法刷题3(核心+acm)
  • 【typenum】 14 测试用例(build.rs)
  • SymPy|主元、重新表示、分数、约分表达式、极限、级数、ode、获取值、输出形式
  • 焊接结构动力疲劳计算
  • 阿里云CDN刷新预热--刷新URL
  • 《具身智能机器人:自修复材料与智能结构设计的前沿探索》
  • Unity-编辑器扩展
  • 字符画生成(伟大的CSDN)
  • Linux周测(一)
  • 分治思想在算法(目标检测)中的体现
  • 工业智能网关在工业锅炉安全监控中的组网配置指南
  • 【Sentry运维】25.4.0版本安装
  • 构建AI时代的大数据基础设施-MaxCompute多模态数据处理最佳实践
  • SpringMVC04所有注解按照使用位置划分| 按照使用层级划分(业务层、视图层、控制层)
  • 【VS Code】Qt程序的调试与性能分析
  • 【Redis】哈希表结构
  • 网络学习中通信方面的相关知识、及再次解读B=2W
  • 大语言模型 14 - Manus 超强智能体 开源版本 OpenManus 上手指南
  • Kruise Rollout金丝雀发布
  • 精准营销论文/杭州seo百度关键词排名推广
  • 三大门户网站/百度快速排名 搜
  • 企业网站建设哪家好/nba最新交易动态
  • 仿牌外贸网站制作/百度app下载官方免费最新版
  • 南昌做网站建设公司/免费域名邮箱
  • 石家庄网站制作工具/百度问答入口