Getting started with WEB (HTML summary)
html is a hypertext markup language, which is used to write the structure of web pages. A simple web page can be realized by combining CSS (modification of web page structure) and JS (adding some functions to web pages).
structure
<html>
<head>
<title>Page title</title>
</head>
<body> ...
Posted by casey_00 on Mon, 17 Jan 2022 09:46:04 +0100
CSS secret: how to improve the user's visual experience only with CSS?
catalog:
1,Expand clickable area
2,Custom check box
3,Through shadows/Blur to weaken the background
4,Scroll prompt
1. Expand clickable areaThe clickable area of some buttons is very small. For user interaction, CSS needs to be used to exaggerate their clickable area.For the simple button shown below, we want to expand the clickable area by 10p ...
Posted by zak on Sun, 16 Jan 2022 20:21:46 +0100
Front end Development Notes - HTML usage
preface
Don't be afraid of the unknown, don't be afraid of making mistakes, be a Creator!
1, Introduction
HTML/Hyper Text Markup Language (Hypertext Markup Language), a front-end development technology, is used to control the Web page structure in Web development.
1. Language grammar
< tag > content < / tag > The label symb ...
Posted by bogdan on Sun, 16 Jan 2022 13:44:57 +0100
This Bootstrap drop-down list select explains and uses it in detail. If you don't understand it, give me a bad comment
Foreword: I have been developing Android for many years and began to learn web front-end from 0. It is also found that many blogs are basically copied and copied, which is not clear. So write down what I think I can't write clearly on my blog. After learning the vue framework, I learned the development of the native official website, but when I ...
Posted by maddali on Sun, 16 Jan 2022 10:22:33 +0100
Front end - HTML and CSS
1, HTML
1.1 Web Foundation
1.1.1 concept
JavaWeb: developing Internet based projects using the Java language Web is a distributed application framework.
1.1.2 software architecture
1.1.2.1 C/S architecture
C/S: Client / Server, Client / Server.
There is a client program locally and a server program remotelySuch as QQ, Xunl ...
Posted by zippers24 on Sun, 16 Jan 2022 07:42:05 +0100
On the process of optimizing picture matting with canvas
Premise: the work involves IPTV Set-top Box EPG development business. Normal IPTV Set-top Box video playback calls the Mediaplayer component encapsulated by the manufacturer, which is different from ordinary video playback. The rendered video window belongs to the underlying rendering of Android system, and the html page element is not a layer. ...
Posted by dmyst3 on Sun, 16 Jan 2022 04:33:14 +0100
css and js of pc side rotation chart
This is the effect of a rotating picture.
<div class="main">
<div class="focus">
<a href="javascript:;" class="arrow-l">
<
</a>
<!-- Right button -->
<a href="javascript:;" class="arrow-r"> > < ...
Posted by erock on Sat, 15 Jan 2022 19:26:13 +0100
Summarize the new features of HTML5
New features
In view of the previous shortcomings, some experience tags and new form attributes are addedHowever, these new attributes have some version compatibility problems. Basically, they can only be supported by IE9 +div has no semantics for search engines
1. New semantic tags
Picture from Dark horse programmer pink teacher fr ...
Posted by R4000 on Sat, 15 Jan 2022 05:29:32 +0100
JavaScript DOM case study notes
Learning links: https://www.bilibili.com/video/BV1Sy4y1C7ha JavaScript basic syntax dom-bom-js-es6 new syntax jQuery data visualization ecarts dark horse pink teacher's front end introduction video tutorial, P204~P246
catalogue
1. Operation elements
1.1 case of imitating JD to display and hide password plaintext
1.2 case of closing QR code ...
Posted by weemee500 on Sat, 15 Jan 2022 04:52:46 +0100
HTML+CSS notes, which will be continuously updated later~
HTML
First HTML page
<!--
1.This is HTML Notes for
2.Add the first line of the following code HTML5 Grammar, remove to indicate HTML4.0
3.HTML Case insensitive, loose and lax syntax
-->
<!doctype html>
<!--root-->
<html>
<!--head-->
<head>
<!--Page title, displayed in the upper left corner of t ...
Posted by Ravenous on Sat, 15 Jan 2022 02:07:20 +0100