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 tag development attribute selector notes mind map

HTML tag development attribute selector notes mind map

Share the full version of HTML tag development attribute selector notes! The content covers common tags, table tag sets, form tag sets, various CSS styles and selectors, and various attributes. I hope it will be helpful to you.

Edited at 2023-02-26 11:23:20

PlotWizard

Recent works View more works>>

HTML tag development attribute selector notes mind map

PlotWizard

Recent works View more works>>

Recommended to you
Outline

Summary of HTML tag exam knowledge points
- 13
PlotWizard
Summary of HTML tag knowledge
- 30
PlotWizard
HTML tags
- 93
PlotWizard

HTML tag development attribute selector notes mind map

Usually tags,

<html>Beginning and end,</html>

<body>Content,</body>

Font wrap, added after the font,

<i>Italic font,</i>

<s>Strikethrough,</s>

<sup>Superscript</sup> is usually used for numbers,

<sub>Subscript</sub> Same as above,

<font>Font properties,

<img src="Picture path"/>Place the picture,

<h1-h6> Title font size, maximum size 1, minimum size 6,

<a href="#">Hyperlink,</a>

<p>Paragraph, block-level element,</p>

<div>Paragraph, block-level element,</div>

table label set,

represents one grid, Add in to

ordered list, Don't add it

ordered list, Add in to Inside,

Unordered list, usually used for navigation, You don’t have to add it

unordered list, Add in to within the tag,

form label set,

<form action=""method="post">Create the beginning and end of the form,</from>

<input type="text" value="" name="uname"/>Text box, any word can be filled in front, usually as user name.

<input type="password" value="" name="upwd"/>Password box,

<input type="submit" value=""/>Submit button, (type="reset") is a cancel button,

<input type="radio" name="sex" value="Male/Female">Radio select box, usually written as male or female.

<input type="checkbox" value="" name="lists[content]"/>checkbox,

<select name="age" size="" multiple=""></select>Option list,

<option value=""></option> option list, added outside the <select> tag,

<frameset cols="Number of columns plus column width" rows="Number of rows plus distance">Create a box,</frameset>

<frame name="" src=""/>Add pictures in the box,

<textarea>Filled in frame,</textarea>

<input type="file" name="face">Browse box, upload avatar, etc.

<label for="The name of the text box,"></label> is written above the input box. Click the name cursor to display it in the input box.

CSS various styles and selectors,

Add <style> and CSS attributes to the tag to use the CSS attributes.

*{}All tags use this attribute,

In <style>, write the name of the tag that needs to use attributes, for example: h1{ },

ID selector, add the name of the ID to the tag, and then use the # sign to represent the ID, written in the <style> tag, for example: <div id="1"></div>, written in the tag, # 1{ },

For the class selector, add <calss="name"> in the tag and write it in the <style> tag. . represents the class, for example: <p class="2">, if written in the tag it is .2{ } ,

various properties,

list-style:none can remove the black dots in front of the unordered list.

bgcolor:red;#000000, background color,

cellpadding cell margin, usually written as 0,

cellspacing cell spacing, usually written as 0,

colspan spans rows,

rowspan spans columns,

colorcolor,

face font style,

size font size,

width width,

height height,

border border width,

align alignment,

left is on the left,

centercenter,

right on the right,

weight:bold font bold, attribute in CSS,

letter-spacing text spacing,

word-spacing word spacing,

text-align text alignment,

text-indent first line indent,

line-height line height,

text-decoration underline, none cancel,

When the hover mouse moves to a hyperlink, the color changes.

background background, position positioning, make the picture left, center or right,

display:inlin turns block-level elements into row-level elements, and block turns row-level elements into block-level elements.

The inner patch in the padding can change the location of the font.

toptop,

leftleft,

rightright,

bottom bottom,

Margin outer patch can change the position of pictures and backgrounds.

toptop,

leftleft,

rightright,

bottom bottom,

float float, clear: both clear float,

left to the left,

center to the middle,

righ to the right,

no-repeat prohibits image duplication,

image:url() adds an image to the background,

margin:0 auto; div centered left and right,

maxlength: characters that can be entered,

border-bottom:lpx #969696 dashed;dashed line,