search
HomeWeb Front-endFront-end Q&AWhat are the three core methods of web front-end

Three core methods of web front-end: 1. HTML (Hypertext Markup Language), which is a language used to describe web pages; 2. CSS (Cascading Style Sheets), which can be used to control the elements in the page Style; 3. JavaScript is often used to add a variety of dynamic functions to web pages to provide users with a smoother and more beautiful browsing effect.

What are the three core methods of web front-end

The operating environment of this tutorial: windows7 system, CSS3&&HTML5&&javascript version 1.8.5, Dell G3 computer.

Three core technologies (methods) of web front-end

According to W3C standards, a web page mainly consists of three parts: structure, performance and behavior

What are the three core methods of web front-end

Structure

  • ##Hypertext Markup Language: HTML(

    Hyper Text Markup Language)

  • HTML is used to describe the structure of the page

  • html5: is a The door tag language is mainly composed of some tags with special meanings (building structure)

Performance

  • Cascading Style Sheets: Cascading Style Sheets

  • CSS is used to control the style of elements on the page

  • CSS (3): It is a descriptive Language, mainly composed of a series of selectors (html elements) and attributes (exterior and interior decoration of the building)

Behavior

  • JavaScript is used to respond to user operations

  • JavaScript: is a scripting programming language that contains Java-like syntax (data types, arrays, conditional branches, loops, objects...)

What is HTML?

  • HTML is a language used to describe web pages.

  • HTML refers to Hypertext Markup Language (

    Hyper Text Markup Language)

  • HTML is not a programming language, but a

    markup language (markup language)

  • Markup language is a set of

    markup tags (markup tag)

  • HTML uses

    markup tags to describe web pages

CSS

  • Cascading Style Sheets

  • css can be used to create style sheets for web pages, through styles Tables can be used to decorate web pages.

  • The so-called cascading can think of the entire web page as a layer-by-layer structure, with higher levels covering lower levels.

  • And css can set styles for each level of the web page.

JavaScript

JavaScript is the most popular programming language in the world. This language can be used in HTML and the web, and can be used on a wide range of devices such as servers, PCs, laptops, tablets, and smartphones.

JavaScript is a scripting language

    JavaScript is a lightweight programming language that is an interpreted language.
    • JavaScript is an interpreted language. The so-called interpreted value language does not need to be compiled into machine code for execution, but is executed directly.
    • Because the step of compilation is missing, interpreted languages ​​are particularly easy to develop, but the slower running of interpreted languages ​​is also its disadvantage.
    • However, JIT technology is used in interpreted languages, which improves the running speed.
  • JavaScript is programming code that can be inserted into HTML pages.
  • JavaScript, when inserted into an HTML page, can be executed by all modern browsers.
  • JavaScript is easy to learn.
  • Prototype-based object-oriented

JS writing location

    The JS we are currently learning are all client-side JS, and That is to say, everything needs to be run in the browser, so all our JS code needs to be written in the web page.
  • Our JS code needs to be written in the <script> tag. <li>Attributes: <li><ul>type: The default value text/javascript can be omitted, and it will still have this value if it is not written. <li> tag. <br/></script>
Attributes:
    • type: The default value text/javascript can be omitted, and this value will be the same if it is not written.
    • src: When you need to introduce an external js file, use this attribute to point to the address of the file.
  • For more programming related knowledge, please visit:

    Programming Video! !

    The above is the detailed content of What are the three core methods of web front-end. For more information, please follow other related articles on the PHP Chinese website!

    Statement
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    web前端有哪些框架web前端有哪些框架Aug 23, 2022 pm 03:31 PM

    web前端框架有:1、Angular,一种用于创建单一应用程序界面的前端框架;2、react,一个用来构建用户界面的JavaScript开发框架;3、vue,一套用于构建用户界面的渐进式JavaScript框架;4、Bootstartp,是基于HTML、CSS、JavaScript的前端框架;5、QUICK UI,一套企业级web前端开发解决方案;6、SUI,一个前端组件库。

    什么是web前端工程师什么是web前端工程师Aug 23, 2022 pm 05:10 PM

    web前端工程师是从事Web前端开发工作的工程师,主要工作是进行网站的开发、优化、完善;主要职责是利用各种专业技术进行客户端产品的开发,然后结合后台开发技术模拟整体效果,为网站上提供的产品和服务实现一流的Web界面,优化代码并保持良好兼容性,致力于通过技术改善用户体验。

    2023年精选Web前端面试题大全及答案(收藏)2023年精选Web前端面试题大全及答案(收藏)Apr 08, 2021 am 10:11 AM

    本篇文章给大家总结一些值得收藏的精选Web前端面试题(附答案)。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    【吐血整理】2023年最新前端面试题大全及答案(收藏)【吐血整理】2023年最新前端面试题大全及答案(收藏)Jun 29, 2022 am 11:20 AM

    本篇文章给大家总结一些值得收藏的精选Web前端面试题(附答案)。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    web标准有哪些好处web标准有哪些好处Sep 20, 2023 pm 03:34 PM

    web标准的好处有提供更好的跨平台兼容性、可访问性、性能、搜索引擎排名、开发和维护成本、用户体验以及代码的可维护性和可重用性。详细说明:1、跨平台兼容性,确保网站在不同的操作系统、浏览器和设备上都能正确显示和运行;2、提高可访问性,可以确保网站对所有用户都是可访问的;3、加快网站加载速度,用户可以更快地访问和浏览网站,提供更好的用户体验;4、提高搜索引擎排名等等。

    web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

    总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

    如何区分H5,WEB前端,大前端,WEB全栈?如何区分H5,WEB前端,大前端,WEB全栈?Aug 03, 2022 pm 04:00 PM

    本文带你快速区分H5、WEB前端、大前端、WEB全栈,希望对需要的朋友有所帮助!

    云计算与web前端挂钩吗云计算与web前端挂钩吗Jan 29, 2023 am 10:45 AM

    云计算与web前端有挂钩。云计算在web前端的体现就是可以到云里拿一些资源来支撑业务;这些资源可以是计算能力、存储空间等硬件资源,也可以是各种应用、服务甚至桌面等软件资源。再次细分之后可以看到,当云计算体现到前端时,终端用户获得的要么是应用,要么是桌面;那桌面云的概念就应运而生了。桌面云的重点也在于应用,为用户搭建了种种桌面云应用环境,解决用户所遇到的各种业务问题。

    See all articles

    Hot AI Tools

    Undresser.AI Undress

    Undresser.AI Undress

    AI-powered app for creating realistic nude photos

    AI Clothes Remover

    AI Clothes Remover

    Online AI tool for removing clothes from photos.

    Undress AI Tool

    Undress AI Tool

    Undress images for free

    Clothoff.io

    Clothoff.io

    AI clothes remover

    AI Hentai Generator

    AI Hentai Generator

    Generate AI Hentai for free.

    Hot Tools

    SAP NetWeaver Server Adapter for Eclipse

    SAP NetWeaver Server Adapter for Eclipse

    Integrate Eclipse with SAP NetWeaver application server.

    PhpStorm Mac version

    PhpStorm Mac version

    The latest (2018.2.1) professional PHP integrated development tool

    DVWA

    DVWA

    Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

    SublimeText3 English version

    SublimeText3 English version

    Recommended: Win version, supports code prompts!

    ZendStudio 13.5.1 Mac

    ZendStudio 13.5.1 Mac

    Powerful PHP integrated development environment