HTML tutorial, easy to learn HTML language

HTML tutorial, easy to learn HTML language

1. <body background=image file name bgcolor=color text=color link=color vlink=color alink=color>...</body> tag attributes:
background: Set the background image of the web page. bgcolor: Set the background color of the web page. text: Set the text color. link: Sets the color of hypertext links that have not been visited. Default color is blue. vlink: Sets the color of visited hypertext links. Default color is blue. alink: Sets the color of a hypertext link at the moment it is visited. Default color is blue.
2. Color code table:
Black-#000000 Blue-#000FF Brown-#A52A2A
Cyan-#00FFFF Gray-#808080 Green-#008000
Ivory-#FFFFF0 Orange-#FFA500 Pink-#FFC0CB
Red-#FF0000 White-#FFFFFF Yellow-#FFFF00
crimson-#CD061F greenyellow-#0B6EFF
Water blue-dodgerblue-#0B6EFF Lavender-#DBDBF8
3. Comment mark: <!-- Comment content-->
4. Paragraph and word tags:
(1) Title text mark:
<hn align=left|center|right>Title text</hn> Note: n is the text size, value 1-6, 1 is the largest.
(2) Text mark:
<font size=1-7 face=font name color=color>Set text</font> Note: The maximum size is 7.
(3) Set the font:
<b>..</b>: bold<i>..</i>: italic<u>..</u>: underlined
<tt>..</tt>: Standard printer font<strike>..</strike>: Strikethrough
<big>..</big>: Large font text<small>..</small>: Small font text
5. Forced line break mark: text<br>
6. Forced paragraph break tag: <p>
7. Partition display tag: <div align=left|center|right>text or image</div>
8. Horizontal line mark: <hr align=alignment size=thickness width=length color=color noshade> Note: noshade is set for flat display.
9. Special symbols: <-&lt; >-&gt; "-&quot; space-&nbsp;
10. Create a hyperlink:
(1) Hotspot Marking:
<a href=address/name=string target=open window method>hotspot</a> Note: href and name cannot be used at the same time in the URL.
Open window mode:
target="_blank" or target="new": open in a new window.
target="_parent": Displays in the immediate parent frame window.
target="_self":Open in the current window. (default)
target="_top": Display in a window without a frame.
target="frame name": Display in the specified frame window.
(2) Create links to other pages:
<a href="path/filename.html">Hotspot</a> Note: How to return to the previous directory: ../
(3)Tag link:
<a href="#Marker Name">Hotspot</a>---------------------<a name="Marker Name">..</a>
11. Image tag: <img src=file name alt=description width=x height=y border=n hspace=h vspace=v align=alignment>
12. Use pictures as hyperlinks: <a href="address"><img src=picture file name></a>

<<:  How to add vim implementation code examples in power shell

>>:  A brief discussion on four solutions for Vue single page SEO

Recommend

How to enable TLS and CA authentication in Docker

Table of contents 1. Generate a certificate 2. En...

Tutorial on installing MySQL 8.0.11 using RPM on Linux (CentOS7)

Table of contents 1. Installation preparation 1. ...

Vue realizes the progress bar change effect

This article uses Vue to simply implement the cha...

Detailed explanation of creating stored procedures and functions in mysql

Table of contents 1. Stored Procedure 1.1. Basic ...

Web Design Experience: Self-righteous Web Designers

1. Trash or Classic? Web technology updates very ...

Detailed explanation of Zabbix installation and deployment practices

Preface Zabbix is ​​one of the most mainstream op...

Implementation of vue3.0+vant3.0 rapid project construction

Table of contents 1. Project Construction 2. Vue3...

Analysis of Linux configuration to achieve key-free login process

1.ssh command In Linux, you can log in to another...

Summary of 16 XHTML1.0 and HTML Compatibility Guidelines

1. Avoid declaring the page as XML type . The pag...

Javascript design pattern prototype mode details

Table of contents 1. Prototype mode Example 1 Exa...

CSS eight eye-catching HOVER effect sample code

1. Send effect HTML <div id="send-btn&quo...

Solution to the automatic termination of docker run container

Today I encountered a problem when I used Dockerf...

JavaScript Canvas draws dynamic wireframe effect

This article shares the specific code of JavaScri...

Summary of five commands to check swap space in Linux

Preface Two types of swap space can be created un...