Front-end HTML(2) (VS code)

Image tag Enter img + enter, and will pop up. src is the file address, and alt is the text displayed when the file cannot be loaded. Image see code <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Document</title> </head> <body> <!– src writes/specifies where the image is saved and what is […]

Two ways to convert Java word to html

The key points are highlighted. . . Method 1: Use the toolkit poi provided by apache. poi uses version 4.1.2 Disadvantages: Inaccurate processing of font styles; inaccurate conversion of wmf formula image parts, this document only supports doc format Advantages: The conversion speed is relatively fast and local debugging is convenient Method 2: Use libreoffice, […]

Parse html to generate Word document

Content: Read the text content in the html file, and then generate a Word document for export. Case scenario: After the requirement development is completed, a document (code modification list) needs to be written. The content of the document is all the codes modified/added this time. The modified file paths and code snippets need to […]

JavaScript uses functions to set and modify the innerHtml and innerText attributes of the div box—–JavaScript

<!DOCTYPE html> <!– This is an HTML comment –> <html lang=”en” id=”myHtml”> <head> <!– This does not set the encoding, but tells the browser what encoding method to use to open the file to avoid garbled characters –> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>HtmlAll</title> <style type=”text/css”> #div1{ background-color: aquamarine; width: 300px; height: 300px; border: […]

HTML+CSS, Vue+less+, HTML+less component encapsulation to implement secondary menu switching style running (including all codes)

1. HTML + CSS secondary menu <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″ /> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″ /> <title>Document</title> <link rel=”stylesheet” type=”text/css” href=”nav.css” /> <script src=”bottom.js” defer></script> </head> <body id=”body”> <!–Big frame–> <div class=”box”> <div class=”nav1″> <!–Horizontal navigation bar–> <div id=”logo” class=”logo”> <p><img src=”logo.png” width=”100px” height=”99px” /></p> </div> <ul> <li class=”special”><a href=”#”> HOME</a></li> <li […]

Install the quick code writing plug-in emmet and html syntax

1. Emmet installation method: Step 1: First you need to install the Package Control component for sublime text: Press Ctrl + `to call out the console of sublime text Paste the following code into the bottom command line and press Enter: import urllib2,os;pf=’Package Control.sublime-package’;ipp=sublime.installedpackagespath();os.makedirs(ipp) if not os.path.exists(ipp) else None;open( os.path.join(ipp,pf),’wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’ + pf.replace(‘ ‘,’ ‘)).read()) Restart […]

Simple HTTP service to implement random return of directory pictures and HTML to implement Web page design (experiment summary)

1. HTTP service for returning random pictures Implement the configuration environment: python, flask package (install with pip command or directly search for it in the ide and install it directly) Create a flask project directly in python and put the code from flask import Flask app = Flask(__name__) import os import random from flask import […]

CSS styling details for XML and HTML

Selector ID selector Specific styles can be assigned to HTML elements marked with specific ids. It is a type of selector in CSS and is unique. One id can only identify one attribute. Selectors are identified with “#”. (Note: id cannot start with a number) The following style sheet is id=”pare” #para1 { text-align:center; color:red; […]

html+jquery circular gradient progress bar

Special point, circular progress bar, the color of the progress bar changes with the progress, from green to yellow, and finally to red. Mainly applicable: large screen display. html <canvas id=”canvas” width=”160″ height=”170″>cpu</canvas> js call Locate the position of the corresponding div const canvas = $(‘.div’).find(‘#canvas’)[0]; updateProgress(canvas, 55, “CPU”); method // Function to update progress […]