Start to learn about front-end development and learn development.

Source: Internet
Author: User

Start to learn about front-end development and learn development.

It is said that the best input is output, so let me tell you what I learned.

When getting started with the front-end, we will learn HTML + CSS + JS wherever we are. Google, html is a HyperText Markup Language (English: HyperText Markup Language, short for: HTML ). Markup Language, which means that this is not a programming language, but used to mark the text, mark the title as the title, and mark the paragraph as a paragraph, so that the browser can know what the text is, and display them in a better format. In other words, if you only use HTML + CSS to create a webpage, you can choose the special effects and formats above, instead of making them.

Next, let's take a look at the content of a common HTML file.

1 <! DOCTYPE html> 2 

The method for marking text in this markup language is very simple.

<Xxx> marked content </xxx>

They appear in pairs, and the "tag" behind them is one more "/" than the former.

There is another tag that does not appear in pairs, as shown in <! DOCTYPE html>

 

Let's explain the content of the above html document from the top down.

1. <! DOCTYPE html> A historical issue is used to tell the browser that this is an HTML5 webpage. This means that there is an old version of html, and the old version needs to define something else. But you don't need to worry about it. In the future, it will all be <! DOCTYPE html>, well, probably.

2. html tells the browser that this is an html document with the head tag and body Tag.

3. head and body are used to store various webpage information and settings, and body is used to store webpage content

4. head title: The title of a Web page. It is the text displayed on the web page tab of the browser.

Link is used to reference a CSS style sheet. The so-called style sheet means that you think the default style of the browser is too ugly and you can set the style yourself.

The content in the style CSS style sheet can also be stored in the html document.

A script references a JS file. You can also write the content in an html file.

There are also some tags such as meta and base. In any case, the content in the head is used to set the webpage, not the webpage content.

5. body p Paragraph

H1 titles and h2 h3 h4 h5 fonts gradually become smaller

 

Everything is hard at the beginning. I finally started to write the first article, which is a bit annoying. Haha.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.