Features
Features:

Product Tour >

Edraw AI >

Paid Plans:

Individuals >

Business >

Eduaction >
Resources
Blog

History

How-tos & Tips

Discovery

Biography

Business Analysis

Examples

AI concept Map

Free AI Mind Map Generator

Onenote Mind Map

Bcg Matrix Examples

Nike Marketing Strategy

Unilever SWOT Analysis

Make Mind Maps in Google Docs

Guide

FAQs

What's New

Resource Center
Templates
All Templates

Brain Storming Templates

Strategy and Planning Templates

Project Management Templates

Product Management Templates

Human Resources Templates

Agile Workflow Templates

Marketing Templates

Education Templates

Fun and Games Templates

User Gallery
Download
Pricing
Enterprise

MindMap Gallery HTML basic knowledge to organize notes

HTML basic knowledge to organize notes

This is a mind map about HTML basic knowledge organizing notes 3. HyperText Markup Language (English: HyperText Markup Language, referred to as: HTML) is a standard markup language used to create web pages.

Edited at 2022-01-14 23:25:08

PlotWizard

Recent works View more works>>

HTML basic knowledge to organize notes

PlotWizard

Recent works View more works>>

Recommended to you
Outline

Web

HTML

html overview

Hypertext Markup Language (English: Hypertext Markup Language, referred to as: HTML) is a markup language used to structure Web pages and their content. The content of the web page can be: a set of paragraphs, a list of key information, or it can also contain pictures and data tables.

basic structure

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My test page</title> </head> <body> <p>This is my page</p> </body> </html>

<head> defines the document information <title> defines the title of the document <base> defines the default link address of the page link tag <link> defines the relationship between a document and external resources <meta> defines metadata in HTML documents <script> defines the client script file <style> defines the style file of the HTML document

<meta> tag

The <meta> tag provides metadata. Metadata is also not displayed on the page, but is parsed by the browser.

Define keywords for search engines:

Define description content for the web page:

Define page author:

Refresh the current page every 30 seconds:

Add custom icon

basic tags

The so-called semantic tag is a tag that we can judge the semantics of the tag content just by the tag name.

h1~h6

The main purpose of making the <h> tag is to tell search engines that this is the title of a paragraph of text, which serves as an emphasis.

Generally speaking, <h1> is used to modify the main title of a web page, <h2> represents the title of a paragraph, and <h3> represents the subsection title of a paragraph.

Generally speaking, each web page can only have one <H1> tag

<h1> represents the most important, <h6> represents the relatively least important

paragraph tags

<a href="#" target="_blank">This is a link that will open in a new window</a>

<a> tag defines hyperlink

<img>: image embedded element

<br>

newline

div

span

text formatting tag

<small> defines small fonts

<b> Define bold text

<em> defines emphasis text

<i> Define italics

<strong> Define emphasis

strong and em are semantic, but b and i are not semantic.

<sub> defines subscripts

<sup> defines superscript words

<ins> defines underline

<del> defines the delete word

list

<ol type=" "> Define an ordered list

<ul> Define an unordered list

<li> Define list items

table <table>

<table border="1" cellspacing="2"> <olspan> Cell spans two rows</olspan> <tr> <th>First Name:</th> <td>Bill Gates</td> </tr> <tr> <th rowspan="2">Telephone:</th> <td>555 77 854</td> </tr> <tr> <td>555 77 855</td> </tr> </table>

Tag Description <table> defines table <th> defines the header of the table <tr> defines the rows of the table <td> defines table cells <caption> defines the table title <colgroup> defines the group of table columns <col> defines properties for table columns <thead> defines the header of the table <tbody> defines the body of the table <tfoot> defines the footer of the table

border="1"

frame

cellspacing="1"

Cell spacing="1"

colspan="2"

Cells span two rows

<caption>Table title</caption>

form <form>

<form> defines a form for user input <input> defines the input field <textarea> defines a text area (a multi-line input control) <label> defines the label of the <input> element, usually the input title <fieldset> defines a set of related form elements and encloses them in a frame <legend> defines the title of the <fieldset> element <select> defines a drop-down list of options <optgroup> defines option group <option> defines the options in the drop-down list <button> defines a click button <datalist>New specifies a predefined input control option list <keygen>New defines the key pair generator field of the form <output>New defines a calculation result

type attribute

traditional type

text Defines a single-line input field in which the user can enter text

Password defines the password field. Characters in this field are masked

file Define input fields and "Browse" button for file upload

radio　 Define radio buttons

checkbox defines checkbox

hidden Definition of hidden input fields

button Define a clickable button (in most cases, used to launch scripts through JavaScript)

Image Definition of the submit button in the form of an image

reset Define the reset button. The reset button clears all data in the form

Submit Define the submit button. The submit button sends the form data to the server

New type

Color Define color palette

tel 　　　 Define an input field containing a phone number

email Defines an input field containing an email address

url Defines an input field containing a URL address

search Define search domain

number 　　 Define an input field containing a numeric value

range Define an input field that contains numeric values within a certain range

max specifies the maximum allowed value min specifies the minimum allowed value step specifies legal number intervals value specifies the default value

Date Define the input field for selecting day, month and year

month 　　Definition of the input field for selecting month and year

Week Define the input field for selecting week and year

time 　　 Define the input field for selecting hours and minutes

Datetime Define the input field for selecting time, day, month and year (UTC time)

Datatime-local defines the input field for selecting time, day, month, and year (local time)

value attribute format

date YYYY-MM-DD time hh:mm:ss.s datetime YYYY-MM-DDThh:mm:ss:sZ datetime-local YYYY-MM-DDThh:mm:ss:s month YYYY-MM week YYYY-Wnn

YYYY=year MM=month DD=day hh=hour mm=minutes ss=seconds s=0.1 seconds T = separator between date and time Z = time zone for Zulu time Wnn=W week number, starting from the first week of January is 1 until 52

css

JavaScript

theme