Home  >  Article  >  Web Front-end  >  What is HTML? Introduction to simple design methods of HTML web pages

What is HTML? Introduction to simple design methods of HTML web pages

不言
不言forward
2018-10-12 17:09:333120browse

The content of this article is about what is HTML? An introduction to simple design methods for HTML web pages has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

HTML Introduction

Level text markup language is an application under the standard universal markup language, and it is also a specification and a standard.

It uses mark symbols to mark various parts of the web page to be displayed. The web page file itself is a text file. By adding tags to the text file, you can tell the browser how to display the content (such as how to process text, how to arrange pictures, how to display pictures, etc.). The browser reads the web page files in order, and then interprets and displays the marked content according to the tags. The error will not be pointed out for wrongly written tags, and the interpretation and execution process will not be stopped. The compiler can only analyze the cause of the error through the display effect. and error location. However, it should be noted that different browsers may have different interpretations of the same tag, and thus may have different display effects.

Basic structure of HTML

1.Header

The English word 'head', the syntax is as follows:

头部的内容

2.Title

The title of its page, the English word is 'title', and the syntax is as follows:

<title>标题</title>

The title content is placed between

and .

3. Body

This is the most important part of a web page. When people browse a web page, the content of the page they see is its body part. The English word is 'body', and the grammar is as follows:

页面内容

Common tags

  • ##Title text tag--

  • ##The title can be divided into six categories Level, from h1 to h6
<h1>这是一级标题</h1>

    Title text alignment attribute --align
  • The default title text is left aligned, and the attribute value includes left There are three types of alignment (left), center alignment (center), and right alignment (right).
<h1>这是标题文字</h1>

    Comment tag--
  • ##

Paragraph tag--

  • ##p is the abbreviation of 'paragraph'.

    <p>文字内容</p>

Bold tag--b/strong

  • can make the text more eye-catching, such as the title part of the article

    <strong>这是粗体文字</strong>
    <b>这是粗体文字</b>

Italic tag

  • can make text italic to achieve special effects, such as dates.

    <i>这是斜体内容</i>

Underline tags, strikethrough tags--,

  • Emphasis on the effect of the text theme, strikethrough Tags are often used for price modification

    <u>添加下划线的内容</u>
    <s>被删除线修饰的内容</s>
  • Example: Write a text about the Mid-Autumn Festival, and use the above method to add descriptive content.
nbsp;html>


    <meta>
    <title>中秋</title>



<h1>中秋节</h1>
<p>乳酪月饼原价: <s>13</s></p>
<p>现价: 9.9</p>

<p>
    <strong>中秋节</strong>,又称月夕、秋节、仲秋节、八月节、八月会、追月节、玩月节、拜月节、女儿节或团圆节,是流行于中国众多民族与汉字文化圈诸国的传统文化节日,时在农历八月十五;
</p>
<p>
    中秋节始于唐朝初年,盛行于宋朝,至明清时,已成为与春节齐名的中国传统节日之一。受中华文化的影响,中秋节也是东亚和东南亚一些国家尤其是当地的华人华侨的传统节日。自2008年起中秋节被列为<u>国家法定节假日</u>。2006年5月20日,国务院列入首批国家级非物质文化遗产名录。
</p>


What is HTML? Introduction to simple design methods of HTML web pagesThe above is the entire content of this article. For relevant knowledge about HTML, you can refer to
HTML on the PHP Chinese website Development Manual
to learn.


The above is the detailed content of What is HTML? Introduction to simple design methods of HTML web pages. For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:segmentfault.com. If there is any infringement, please contact admin@php.cn delete