Table of Contents
The origin of html:
What is HTML:
Main features of HTML:
HTML document structure:
HTML elements:
HTML element attributes:
Text and formatting:
Links and images:
List:
sheet:
Form:
Nesting and structure:
HTML comments:
Styles and stylesheets:
script:
The origin of html:
The development of HTML (Hypertext Markup Language) can be traced back to the late 1980s and early 1990s, which was the early development stage of the Web. The following is the origin and development history of HTML.
1989: The founder of HTML is British physicist Tim Berners-Lee, an engineer at CERN (European Organization for Nuclear Research). Berners-Lee’s goal was to create a system for sharing scientific documents to promote scientific research collaboration. He developed a concept called “hypertext” for linking documents and information.
1990: Berners-Lee published the first HTML specification, which described the basic structure and tags of HTML. This is the prototype of HTML, defining basic elements such as titles, paragraphs, lists, and links.
1993: Berners-Lee publishes the first formal specification of HTML, HTML+ (HTML Plus), which introduces new elements such as images and tables.
1994: Marc Andreessen of MIT releases Mosaic, an early version of the web browser that first introduced a graphical user interface (GUI) that made the Web Become more user friendly. Mosaic’s success promoted the development of the Web.
1995: Netscape Communications Corporation releases Netscape Navigator, the first popular commercial Web browser. Netscape Navigator introduced new HTML tags and JavaScript scripting language, promoting the enrichment of Web content.
1996: The World Wide Web Consortium (W3C) is formed, led by Tim Berners-Lee, to develop Web standards. The W3C published the HTML 3.2 specification, which played a key role in standardizing HTML.
1997: W3C released the HTML 4.0 specification, introducing more style control and script support.
2000: W3C released the XHTML 1.0 specification, which is a combination of HTML and XML (Extensible Markup Language), emphasizing stricter markup rules.
2014: W3C released the HTML5 specification, which introduced many new features, such as multimedia elements, form controls, Canvas drawing, etc., to support more interactive and multimedia web applications.
To date: HTML5 has become a mainstream web standard, supports the needs of modern web development, and is constantly developing and evolving. The W3C and other organizations continue to work to improve HTML standards.
The evolution of HTML has been a key driving force in the development of the Web, which has enabled the Web to evolve from its original text documents into a platform for multimedia, interactivity and complex applications. The continuous updating and development of HTML standards to adapt to the needs of new technologies and applications ensures that the Web continues to be the main platform for global information sharing and interaction.
What is HTML:
HTML (Hypertext Markup Language) is a markup language used to create and render web pages viewed in a web browser. It is the foundation of web development and is used to define the structure and content of web pages. HTML uses tags (also called elements) to identify and format text, images, links, tables, and other elements so that they are rendered as visual web pages in the browser.
Main features of HTML:
Hypertext: HTML supports hypertext, which means you can create links within your document that allow users to easily navigate to other related pages or resources. These links are usually implemented through the
tag.
Structured: HTML documents are made up of nested HTML elements that are organized in a hierarchy to define the layout and content of the page. Usually, HTML documents include a header part (
) and a body part (
).
Tags and attributes: HTML elements consist of tags and attributes. Tags usually include a start tag and an end tag, such as
is used to represent paragraphs,
is used to end a paragraph. Attributes provide additional information to the element, such as
, where
src
is the source attribute of the image.Text and multimedia: HTML supports text content such as headings, paragraphs, and lists, as well as multimedia elements such as images, audio, and video. These elements can be inserted and rendered using appropriate tags.
Forms: HTML allows the creation of interactive forms where users can enter information. Form elements include text boxes, radio buttons, check boxes, drop-down lists, etc., which are usually wrapped in
Style and Layout: Although HTML defines the structure of a document, it does not directly handle the appearance of the page. Style and layout are usually implemented through CSS (Cascading Style Sheets), through which style attributes such as fonts, colors, and spacing can be defined.
Interaction and scripting: HTML supports scripting languages such as JavaScript, allowing developers to add interactivity and dynamic features to web pages. Scripts are usually embedded into HTML documents through the
tag.
HTML is the backbone of web content, and together with CSS and JavaScript, modern web applications and websites are built. Developers use HTML to create the structure and content of a page, CSS to define style and layout, and JavaScript to add interactivity. The combination of these three technologies makes the Web a feature-rich and diverse platform.
HTML document structure:
<!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <!-- Page content here --> </body> </html>
: declares the document type, indicating the use of HTML5.
: The root element of the HTML document, including the entire document.
: Contains meta-information about the document, such as title, character set, external style sheets, and scripts.
: Defines the title of the web page, displayed on the browser tab.: Contains the actual content of the web page, such as text, images, and links.
HTML element:
HTML uses tags to define elements, such as
represents a paragraph,
represents a title, etc. Each tag usually has a start tag and an end tag, such as
content
. There are also self-closing tags such as
for inserting images.
HTML element attributes:
content
HTML elements can have attributes that provide additional information about the element. For example, the element usually has a
href
attribute that defines the target URL of the link.
Text and formatting:
HTML can be used to create text content such as paragraphs, headings, lists, tables, and links. You can also use tags and attributes to control text formatting, such as bolding, italics, line breaks, etc.
Links and images:
Use the tag to create hyperlinks to other pages. Use the
tag to insert an image, and you need to specify the source URL of the image.
List:
HTML supports ordered lists (
- ) and unordered lists (
) and definition lists (
), used to organize and display information.
Form:
Use the
), table rows (
|
---|