HTML learning notes
HTML learning notes
1. Introduction to HTML
HTML The full name of is hypertext markup language(Hyper Text Markup Language)，Is a markup language and is not case sensitive.
Learning website: https://www.w3school.com.cn/
2. HTML main structure
<!DOCTYPE html> <!-- Declaration header -->
<html>
<!-- Header label - ...
Posted by Ange52 on Sun, 06 Feb 2022 09:45:21 +0100
013CSS Box Model
1, Introduction
The so-called box model is to treat the layout elements in HTML pages as a rectangular box, that is, a container for content. CSS box model is essentially a box that encapsulates the surrounding HTML elements, including: border, outer margin, inner margin, and actual content
1. border
Border can set the border of the elem ...
Posted by omerta on Sat, 05 Feb 2022 10:44:06 +0100
[learning notes] Html notes
simple notes when learning HTML, upload and record. The first time was to watch the video of crazy God, followed by tapping the code and writing notes. After a few days, I drove twice as fast to watch Lao Du's video, reviewed it, and supplemented the markdown notes by the way.
the video link is at the end of the text. Please corr ...
Posted by Rex__ on Sat, 05 Feb 2022 10:09:26 +0100
Second web front-end training notes (HTML forms and common character entities)
preface
This note mainly records the knowledge of learning HTML forms. If there are mistakes, please point them out. Thank you very much!
Attach a link to the learning video: [excellent limit] HTML+CSS+JavaScript+jQuery front-end compulsory course, Xiaobai teaching, front-end foundation, complete version_ Beep beep beep_ bilibili
1. form ...
Posted by freebsdntu on Sat, 05 Feb 2022 06:06:58 +0100
HTML5+CSS3 note 01 (for personal use)
vscode download address
First acquaintance with web
Composition of WEB standards:
constitutelanguageexplainstructureHTMLPage elements and contentperformanceCSSAppearance and location of web page elements (page elements)behaviorJavaScriptDefinition of web page model and page interaction
Chapter 1 getting to know HTML5
1 label
<!DOCT ...
Posted by phpnwx on Fri, 04 Feb 2022 10:34:13 +0100
The second web front-end training (HTML)
1. Video link
[excellent limit] HTML+CSS+JavaScript+jQuery front-end compulsory course, Xiaobai teaching, front-end foundation, complete version_ Beep beep beep_ bilibili
2. Tutorial link
HTML form | rookie tutorial
3. Form
3.1 form
Form elements allow users to enter content in the form, such as text fields, drop-down lists, radio buttons ...
Posted by Gestahr on Fri, 04 Feb 2022 07:53:38 +0100
HTML common tags
label
1. Title label: < h1-h6 > reduce the size in turn, and the label will automatically bold and wrap (block level elements)
< bady > code is as follows:
<!--
Common labels
-->
<h1>h1 title</h1>
<h2>h2 title</h2>
<h3>h3 title</h3>
<h4>h4 title</h4>
...
Posted by brewfan9 on Thu, 03 Feb 2022 14:25:10 +0100
Comprehensive summary of CSS knowledge -- Quick Reference Manual
CSS
brief introduction
p
{
color:red;
text-align:center;
}
Do not leave spaces between attribute values and units
CSS comments start with / * and end with /
id selector
#para1
{
text-align:center;
color:red;
}
id and class should not start with numbers
class selector
.center {text-align:center;}
Specifies tha ...
Posted by theBond on Thu, 03 Feb 2022 12:30:13 +0100
Failure investigation and replacement scheme of scrollIntoView
Problem background
Today, we need to do a function of clicking icon to slide to the article comment area, using scrollIntoView. It is found that the mobile terminal occasionally fails.
The code is as follows:
commentRef.current.scrollIntoView({
behavior: 'smooth',
});
analysis
Think about whether 1 is caused by a browser bug
accor ...
Posted by Formula on Thu, 03 Feb 2022 10:27:10 +0100
2022 dark horse programmer - first stage of front-end learning (day04 CSS advanced)
Learning video station B: Dark horse programmer - front end learning (phase I)
CSS advanced
Advanced of selector
compound selector
Descendant selector: spaces
Function: select the qualified elements in the descendants of parent elements according to the nesting relationship of HTML tags Selector syntax: selector 1 selector 2 {CSS} res ...
Posted by rakuci on Thu, 03 Feb 2022 08:40:53 +0100