Home Web Front-end HTML Tutorial Learn html step by step----Lesson 1

Learn html step by step----Lesson 1

Dec 20, 2016 pm 02:32 PM
html

When teaching the first lesson, the first concept that I need to explain to everyone is: what we are learning is a language, not a compilation tool, so we must get used to ignoring the concept of compilation tools when writing programs, because only Only by ignoring the compilation tools can we truly understand the essence of a language and truly understand how a language is learned. This process is very important.
Many times when we start a language, we first develop a compiler or an integrated development environment for this language. We think that after doing this, we can fully master a language. In fact, this is not the case. Many people just learn it. It’s just a superficial knowledge. If it is actually applied to project development, it will be vulnerable. Therefore, before teaching this course, I strongly recommend that you use txt notepad or Microsoft word document to type the code first, and then become familiar with it. Understand what each code is used for, so that you can selectively use a compiler with high development efficiency after mastering the language.
Today is the first lesson. Let’s first look at a code:

//Because html is a hypertext markup language, but it is also based on xml , so what you can see here is that the version of xml given is 1.0; and it also shows that its standard code is UTF-8;
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


//The thing above that looks like a URL is not a URL, but a namespace. This will be introduced slowly in future studies, but the main html tag here is like a big The house has everything wrapped up in it.

The First Web Page
//The head tag is like a balcony in the html tag. It will remind you what this house is used for, so here it is To add the title tag, you must add your title in the title and briefly describe the specific content of this web page.



//A tag on an equal footing with the head tag. The function of this tag is to explain the content contained in the title in the head;
The h series tags here are actually header: title meaning; p: paragraph, meaning of paragraph;


the first web page



In the beginning, Time created the HyperText Markup Language.The Internet was without form and void,and text was upon the face of the monitor and the hands of Tim were moving over the face of the keyboard.And Tim said,Let there be links;and there were links.And Tim saw that the links were good;and Time separeted the links from the text.Time called the links Anchors,and the text He called Other Stuff.And the whole thing together was the first Web Page.




This should be the simplest html code. I have marked the meaning of the tags in the code.
The first few lines of this code are standard sample codes, which means that almost all page source codes will contain these contents.
Here are some issues that need to be paid attention to:
1. Every web page must contain the html tag;
2. The

tag in the program is used to contain a piece of text. In this example, this tag is not necessary because there is only one paragraph. If this web page contains many paragraphs, this tag will be very important.
Now that the basic narration is over, this is the end of the first lesson. See you in the next lesson!
Author "Li Liyuan Shangcao"

The above is the content of learning HTML step by step - the first lesson. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!


Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Have Crossplay?
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML 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 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.

Nested Table in HTML 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.

HTML Table Layout 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 Input Placeholder 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.

HTML Ordered List 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 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 onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles