Shulou(Shulou.com)06/02 Report--

Web HTML foundation is what, I believe that many inexperienced people are helpless about this, this article summarizes the causes of the problem and solutions, through this article I hope you can solve this problem.

Executive summary:

Basic structure of HTML documents

Tag (label) type, tag (label) syntax

How to set attributes of body tag

Add comments to web pages

Role of meta information

HTML document type.

html file consists of head and body:

In the header tag, title, style, etc. can be defined. The header contains meta information of the web page, which is not displayed in the web page. The meta information is a basic description of the web page.

CSS code and JavaScript code can be placed in the header, and JavaScript code can also be placed in the body section.

In the body tag, you can define elements such as paragraphs, title words, hyperlinks, scripts, tables, and forms. The body content is the information to be displayed on the web page.

Document

Welcome to learn web front-end technology

head

HTML header tags mainly include page title tags, meta information tags, style tags (CSS), script tags (JavaScript), link tags and so on. The information contained in the header tag is descriptive or introductory information and is generally not displayed on the web page.

page title

basic syntax

Title information is displayed on the title bar of the browser

The title tag is a double tag, a start tag, an end tag, and the content between the two is the information displayed on the browser title bar.

meta information

The http-equiv attribute is used to provide HTTP response header messages in the form of key-value pairs. The content (value) described by the value of the http-equiv attribute is represented by the content attribute, which is usually provided to browsers and other devices before the web page is loaded.

The most important of these are content-type charsets that provide encoding information, refresh and jump pages, no-cache page caches, and expires page cache expiration times.

The name attribute is used to describe web pages in the form of key-value pairs for search engines to find and classify.

The most important of these are descriptions, keywords and robots.

META tags are used to describe attributes of an HTML document, also known as meta-information, that are not displayed in the browser page. For example: author, date and time, page description, keywords, page refresh, etc. This tag is located at the head of the document (its attributes are in the form of key-value pairs).

basic syntax

Attribute Description: Meta attributes are divided into two main groups.

Meta tag usage method

Meta tag key-value pair mapping table

attribute value description contentsome_text defines meta information related to http-equiv or name attributes http-equivcontent-type content type

expires Web cache expiration time

refresh refresh with jump (redirect) time

set-cookie If the page expires, the saved cookie will be deleted nameauthor defines the page author

description Web page definition Short description

keywords Define web keywords

generator defines the schema_text written in what editor defines the format used to translate the content attribute value

name attribute and content attribute

http-equiv attribute vs. content attribute

body

The body is the main part of a Web page, and its settings are the information that readers actually see. The body of all WWW documents is defined by the body tag. All the content of the page can be placed in the body tag, such as pictures, images, tables, text, hyperlinks and other elements.

basic syntax

…

syntax description

It's a start marker, it's an end marker.

Everything in between is information displayed on the web page.

case

Simple Web Design Web Front End Development Technology Course Introduction

Web Front-End Development Technology is a course of Computer Science and Technology, Information Management and Information Systems, Software Engineering. A basic course for other majors, as well as a public basic course for other computer-related majors, through the development of Web front-end 3 major mainstream technology learning and research, so that students understand and master HTML, JavaScript, CSS and other related knowledge, Through experiments to train students to design and develop Web site basic operational skills.

tag attributes

Setting the body tag property can change how the Web page appears. The main attributes of the body tag are text, bgcolor, background, link(not clicked and not activated), alink(activated), vlink(clicked), topmargin, leftmargin.

basic syntax

property specification

Attribute Value Description text.rgb(R,G,B),.grb(R%,G%,B%),.# RRGGBB| #RGB,.Colorname Specifies the color of all text in the document. Disapprove of use. Please replace it with a style. bgcolor ditto specifies the background color of the document alink ditto specifies the color of active links in the document link ditto specifies the default color of unvisited links in the document vlink ditto specifies the color of visited links in the document backgroundURL specifies the background image of the document topmargin.Pixel specifies the size of the top margin in the document leftmargin.Pixel specifies the size of the left margin in the document

body tag attribute-color representation method, in web design, HTML provides four color setting methods:

RGB(R,G,B) is used, where R, G, B are integers from 0 to 255;

RGB(R%,G%,B%) is used, where R, G, B are integers from 0 to 100;

Use 3-digit or 6-digit hexadecimal number #RGB or #RRGBB, R, G, B are hexadecimal numbers, value range: 0-F, each color is represented by 2-digit hexadecimal number, RR: red part, GG: green part, BB: blue part. Red is #FF0000;#RGB can be converted to #RRGGBB, for example, red is represented as #F00,#FF0000 respectively.

Use English names of colors, such as red for red, green for green, blue for blue, etc.

body tag attributes-case (edu_2_3_2.html)

body attribute application

Welcome to our website, we provide you with a site map.

Site navigation: Baidu NetEase Sohu

HTML tags

Markers are usually divided into two types: single marker and double marker, most of which are double markers.

~

single marker

：

It means new line.

:, represent horizontal dividing lines, and can also define color, width (in pixels).

A single marker alone can convey the full meaning.

Basic grammar: or

The most commonly used single markers are:

double labeling

This is the wrong cross-nested code ×

This is the correct cross-nested code √

A double marker consists of a start marker and an end marker and must be used in pairs.

Basic grammar: content

attribute syntax

Attributes should be defined within the opening tag (first tag) and separated from the tag name by a space. For example, there is a space between the hr tag name and the size attribute in the above example.

Attribute values are generally enclosed in double quotes. For example, the size attribute value "3" and the color attribute value "red" in the above case.

basic syntax

grammatical constraint

Attribute Syntax-Cases

Tag Syntax and Attribute Syntax Applications h3 { text-align: center; background: #6699ff; padding: 20px; } New Year Message Gently send my faithful prayer and wish, pray that the time of separation like running water passing away in an instant, wish to meet again, the clenched hands full of friendship and youth strength.

There is a fall called stand up, there is a loss called harvest, there is a failure called success-stronger, friends, tomorrow will belong to you!

annotation

annotation information

basic syntax

Show a paragraph

Comment tags are pairs of tags, beginning with and ending with. The information surrounded by the tag is the comment content, but it is displayed in the page in the browser of the later version. It is recommended not to use this comment tag.

There are two ways to add comments to HTML code:

HTML documentation specification

All markers end with a "."

Depending on the type of tag, enter the tag correctly. For single tags, it is best to add a slash "/" before the right angle bracket. For example, if the newline tag is a single tag, it is best to enter the start tag and the end tag at the same time for paired tags, so as not to forget.

Tags can be nested, but not cross-used.

HTML code is case-insensitive, but lowercase is recommended for code specifications.

You can set various attributes in the tag, and it is recommended that attribute values be enclosed in English double quotes.

When writing start and end marks, there must be no space between the left angle bracket and the tagname or slash "/," otherwise the browser will not recognize it, resulting in the error mark being displayed directly on the page, affecting the page effect.

Document extension html or htm, it is recommended to use html as a file name suffix.

Document names can only consist of English letters, numbers or underscores. It is recommended to start with letters or underscores.

Document names cannot contain special symbols, such as spaces,$,&, etc.

Document names are case-sensitive, generally lower case is recommended.

Web server home pages are typically index.html or default.html.

HTML Document Type Tag

HTML4.01 specifies three DTD types:

Strict, Transitional, and Frameset.

HTML5 DTD definition:

Comprehensive examples

Code:

Tag Syntax and Attribute Syntax Applications Celebrate New Year's Day New Year's Day (New Year's Day), the first day of the year, Also known as the "new calendar year" and "solar calendar year," it refers to the first day of the first month of the lunar calendar in ancient times. On September 27, 1949, the Chinese People's Political Consultative Conference held its first meeting. The first plenary session formally established January 1 of the Gregorian calendar as New Year's Day. New Year's Day is a legal holiday in many countries or regions of the world.

Web Front End Development Technology Studio Copyright ©2017-2020

Web page effects:

This paper mainly introduces the basic structure of HTML file. HTML documents contain three main tags, of which:

Represents the beginning and end of an HTML file.

Indicates the beginning and end of a file header, respectively.

Represents the beginning and end of a file body, respectively.

Common attributes of the body tag are:

text, bgcolor, background, link, vlink, alink, topmargin, leftmargin, etc.

After reading all this, do you have a good idea of how HTML is based on the Web? If you still want to learn more skills or want to know more related content, welcome to pay attention to the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.