How to learn HTML quickly
How to learn html quickly?
First we need to know what Html is, the full English name is
HyperText Markup Language
We usually call it hypertext markup language
see Here, I believe that everyone must be confused about hypertext markup language again. Markup language is illogical, so it is very simple to learn.
Let’s take a look at the basic structure of Html
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>
The tags in Html all appear in pairs, which we call the start tag and the end tag. Let’s explain the above code
Declares that the document is of html type
Head tag, we usually call it the head tag, in which we usually put coding, web page title, or external css style file, script Files and more!
Let’s take a look at how to write these things
(1) Set encoding
<meta charset=”utf-8”>
(2) Set web page title
<title>php中文网</title>
(3 ) Introducing external styles
<link rel="stylesheet" type="text/css" href="">
(4) Introducing external js files
<script type="text/javascript" src="demo.js"></script>
In fact, these contents are fixed. HTML has some built-in styles, such as font, etc., but these are not satisfactory at all. The needs of web pages, so I will share with you how to master the basic knowledge of css. Let’s take a look at how to develop the layout of a web page. There are two ways
One is a table, which is older, but relatively simple. The other is a div to lay out. For beginners, I don’t want to use DW. , dw is a visual operation, and I feel that I rarely write code, which is not conducive to development, so we can use other compilers to write the code purely by hand. Programming is like this. The more you write, the more you will naturally remember it. Let's take a look at the table layout. The code of the table table row tr. When talking about rows, everyone must think of columns. In tables, columns are not standardized. We call them cells, which is td
us Take a look at the following example
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table cellspacing="0" cellpadding="0" border="1" width="300" height="100"> <tr> <th>姓名</th> <th>籍贯</th> <th>年龄</th> </tr> <tr> <td>张明</td> <td>湖北</td> <td>23</td> </tr> </table> </body> </html>
cellspacing="0" cellpadding="0" If these two sentences are not written, then there will be gaps in the border lines between our cells. Friends, you can Test it out!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
Nested Table in HTML
Sep 04, 2024 pm 04:49 PM
This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.
Table Border in HTML
Sep 04, 2024 pm 04:49 PM
Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.
HTML margin-left
Sep 04, 2024 pm 04:48 PM
Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.
HTML Table Layout
Sep 04, 2024 pm 04:54 PM
Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.
HTML Ordered List
Sep 04, 2024 pm 04:43 PM
Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively
Moving Text in HTML
Sep 04, 2024 pm 04:45 PM
Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.
HTML Input Placeholder
Sep 04, 2024 pm 04:54 PM
Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.
How do you parse and process HTML/XML in PHP?
Feb 07, 2025 am 11:57 AM
This tutorial demonstrates how to efficiently process XML documents using PHP. XML (eXtensible Markup Language) is a versatile text-based markup language designed for both human readability and machine parsing. It's commonly used for data storage an
