HTML (hppertext Makeup languege): Hypertext Markup Language. Code written in the language is usually parsed by the browser.
CSS (cascading style Sheets): Cascading style sheets. Used to define the style (appearance) of an HTML document.
The HTML determines the content structure of the document, and the CSS determines the style of the document.
In CSS, the HTML tag element is roughly divided into three different types: block elements , inline elements (inline elements), inline block elements .
common block elements are : <div>, <ol>, <ul>, <dl>, <table>, <adress>, < blockquote>, <FORM>
common block inline elements are : <a>, <span>, <br >, <i>, <em>, <strong>, <label>, <q>, <var>, <cite>, <CODE>
Common inline block elements are :,<input>
Basic composition of elements: start tag (tag)+ element content + end tag (tag)
For example:
<a href= "Destination url" > element Content <a>
Where a tag indicates that this is a hyperlink
Element content represents what is displayed directly on the page
The href is the attribute name, which means that when the element content is clicked, it jumps to the destination URL in double quotation marks.
Head element: The document header, which is the first element of the HTML. Can contain additional elements that describe additional information about the page.
The content is not displayed on the page. Usually contains <title> and <meta><title>: The title of the document, which appears on the title Bar or tab page.
<meta>: additional information about the page, which is an empty element .
( some elements only contain tag names and attributes, which we call an empty element.) How to write:< tag name properties > or < tag name Properties/> )
For example:
<meta charset= "UTF-8" >
To get a better geographical compatibility, avoid garbled characters, set the character encoding set to "UTF-8" and use it as the first child element of the head.
<body>: the document body, where all the visible content in the Web page is placed.
unordered list <ul>: commonly used as navigation
<ul> <li> content one </li> <li> content two </li></ul>
Show Results: . Content One
. Content Two
sequence list <ol> : Typically used in a logical order of time
<ol> wake up in the morning: <li> Brush your teeth </li> <li> wash Your face </li> <li> eat breakfast </li></ol >
Show Results: wake up in the morning: 1. Brush your teeth
2. Wash your face
3. Eat breakfast
Custom list <dl>:
<dl> <dt>html Terms </dt> <dd> explanations of HTML terms </dd></dl>
Paragraph labels <p>
pre-formatted text <PRE>: How to write in HTML, how to show it.
Large segment Citation <blockquote>
Common HTML Tags