49. Basic html knowledge Common tags (1), 49html Basics
Starting from today's study, we will start to learn html first. There is no complicated and difficult logic to understand. We only need to remember, practice, practice, and practice.
I. First knowledge of HTML
1. Nature of web Services
import socketdef main():
Starting from a zero-based system to learn the front-end knowledge, although the HTML and CSS somewhat understand some, but learn to find a lot of New world ....I. THE head tag in HTML1. Meta tags are some of the basics of ancillary information that are generally not displayed on the page.(1) charset= "utf-8"/> the defined page character set. (2) name= "keywords" Span class= "
, 1997, the recommended standard
HTML 4.01 (minor improvements)--December 24, 1999, the recommended standard
HTML 5--October 28, 2014, the recommended standard [4]
Classification of labels1. Single-target signingWrite format for single target:Example: 2. Binocular LabelThe writing format of binocular label:For example:Basic structure of Web documentText, pictures, video, audioCommon single-target-signC
HTML is a Hypertext Markup language, and the 2 Chinese file formats that are now commonly used are HTML5 and XHTML 1.0 Transitiona (transitions).DOCTYPE HTML>current document is HTML5 -HTML>Head>MetaCharSet= "Utf-8"/>format encoding utf-8 Chinese gb-2312 -Head>Body>Body>HTML>DOCTYPE
HTML5 Study Notes 2: HTML basics and html5 Study NotesI. HTML title
The HTML header is defined by the
Ii. HTML Section
HTML paragraphs are defined by tags
3. HTML links
HR/> - - 3. Create paragraph labels, respectively - the P> - FontColor= "red">The Master of Shadow PlayFont>he was bowing his back on a low table to mend the broken shadow. He has a lot of shadow puppet, there are red and green, there are men and women, rabbits have horses, as if a complete world. And he is the creator of that World. - P> - + P> -The world knowsb>Bladder Divisionb>, and seldom heardI>Master operatorI>, becau
definite address ,target= "_blank" opens in a new window 2: Local links, # is an empty link 3: Simulate back to top features 2. the only form of 3.4.Defines the paragraph text to a certain width, and the width is automatically wrapped.5.Local elements, defining local styles, and CSS collocation are only effective.The 6.7.8. elements embed an image into a Web page.? Note that, technically, the tag does not insert an image into the page, but instead links the image from the p
to submit it. This information is transmitted over the Internet to the server.This data is processed by a specialized program on the server and returns an error message if there is an error and requires that the error be corrected. When the data is complete and correct, the server feeds back an input completion information Input Series LabelSelect Label" " " 'Select Label" " " 'Multi-line text boxdefinition:The Description1) The label element does not present any special effects to the user
the browser is displayed.Example: HTML inline elementsInline elements typically do not start with new lines when they are displayed.Example: HTML HTML The If used with CSS, the,Another common use of the HTML HTML The When used with CSS, the,A simple div layoutHTML layout-Wo
HTML Hyperlinks (links)HTML uses tags to set up hypertext links.A hyperlink can be a word, a word, or a group of words, or it can be an image that you can click to jump to a new document or to a section of the current document.The href attribute is used in label By default, the link will appear in the browser in the following form:
A link that has not been visited is displayed as a blue font with
least fastNine HTML semantics and efficiency to achieve balance:Example: Website logoEfficiency:Semantic nature:Css:H1 width and heightLogo as a background imageTEXT-INDENT:-9999PX Indent------------------------------------Ten common HTML properties: Hooks for HTML ELEMENT nodesId:id NameClass: Category nameSame: All used to identify elementsDifferent:ID Name, v
The course content is as follows:
1. HTML language basics2. Advanced HTML language3. CSS (Cascading Style Sheet)4. Javascript syntax5. DOM object model Programming6. Summary of Script Programming Technology6. Regular Expression
Lesson1 learning content:
1. understand some background knowledge about html2. html global architecture tag3. format tags4. Text lab
;left:100px;top:50px;}Relative combined with absolute:1. The reference positioning element must be the predecessor element of the relative positioning element2, the reference positioning elements must be added position:relative;#box1 {width:200px;height:200px;position:relative;}3, positioning elements to join Position:absolute, you can use top, bottom, left, right to offset positioning#box2 {Position:absolute;top:20px;left:30px;}20. Code Shorthand:1. Box Model:margin:10px; Equivalent to margin:1
introduction, comparing the pros and cons of three different ways.Syntax: style = ' key1:value1;key2:value2; '
Use style= ' xx:xxx in the label; '
Embed
Introducing an external CSS file
Necessity: The American Union is responsible for the color collocation of the page and the beautification of the picture, and the developer must know how to achieve it.Tag Selectordiv{}Class Selector. bd{}ID Selector#idselect {background-color:red;}Association Selector#idselect p{}Combo Se
shortcut key "ctrl+/"
Body Markers
Add text to add in the body.
Three accent types bold is the Italic is underlined . )
Superscript, subscript. (
The small label is used for text-to-margin text.
Defines the direction of the text (this is less, and generally defaults from left to right.) )
Text list:
Unordered list
Unordered list of three different styles:
disc
Circle
Square
The style header is
property value of the FormMethod="POST"action="" >label for= " Username "> user name label> input type= "Text" name= "Username" id= "Username" size= "20"/>FORM> The FIELDSET element groups related elements within a form.When a set of form elements is placed inside the The All of the global properties contained
Disabled HTML5 If you set this bool Value property, it will also inherit this property after it represents a single control element, with the exception of its first opti
HTML entry and basics-tag 1, entry 1
I. Tag Overview
1. HTML (abbreviated as Hyper Text Markup Language) is translated into "hypertext tag Language". HTML tags are used to describe Text, images, sounds, and other content on webpages.
2. labels are divided into nested and parallel relationships.
Nested relationship:
Pa
example, we set up a two-column frameset. The first column is set to occupy 25% of the browser window. The second column is set to occupy 75% of the browser window. The HTML document "Frame_a.htm" is placed in the first column, and the HTML document "Frame_b.htm" is placed in the second column:
IFRAME defines an inline child windowThe height and Width properties are used to specify the heights and widths
What an HTML document can contain:Text:
HTML support for text is the most abundant, you can set different levels of title, segmentation and wrapping, you can specify the semantics and appearance of text, you can describe the text is referenced from other places, and so on.
Link
Links are used to indicate that the content is related to another page or to a location on the current page.
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.