Getting Started with HTML

1. Intro ①html when the browser reads HTML, it parses all the tags that surround the text. Mark letters or words enclosed in angle brackets to tell the structure and meaning of the browser text. Tells the structure of the browser Web page with a paired tag that surrounds the text. element = start Tag + content + END tag element can have an attribute: The property is used to provide additional information for an element. For example, if you have a STYLE element, the attribute allows you to describe exactly this element--the extra information that is used to provide that element. ②csshtml: Hypertext Markup Language hypertext Markup LANGUAGECSS: Cascading style sheets cascading style sheetcss is a language that is completely different from HTML. Using two languages, HTML is used to create structures, and CSS is used to create styles and use them to work in their own fields. 2. In-depth understanding of hypertext usage <a> tagging, creating hypertext links to another page the contents of the,<a> element are clickable in the Web page, and the href attribute tells the browser the destination of the link. 3. Building Modules

1. Step: First plan the structure of the page, then draw a sketch, and finally write the HTML.
2. Use a large block element to create a Web page and then decorate it with inline elements.
3. Typically, the element that best matches the meaning of the content is used. For example, never use a paragraph when you need a list.

Block elements:<p>, <blockquote>, <ol>, <ul>, and <li&gt: all are block elements, they are displayed independently, and there are blank lines before and after the text. Inline elements:<q>, <em>, <a> are inline elements, and the contents of these elements are followed in the text flow along with other content. ①q and Blockquote<q></q> Reference tags: briefly "reference" part of existing text <blockquote></blockquote> chunk reference: reference a large piece of text and display it independently < Blockquote> and <q> are two different types of elements,<blockquote> elements are blocks (block) elements and <q> are inline (inline) elements. <br> elements: Display newline ②li and OL elements with <li></li> each list item is enclosed, and each <li> element starts a list item in the list. Unordered list = ul unordered listing ordered lists = ol there are sequence tables list item = Li list items <ol> and <li> must work together the list is a set of items:<li> elements used to identify each item, & Lt;ol> is to make a group of them. Custom list <dl>: Each item in the list has an item limit of <dt> and a description <dd>. ③ empty element <br> is an "empty element" that has no content and consists of only one tag. ④ nesting when an element is placed in another element, it is called nesting. The nested elements in your organization's Web pages are equivalent to drawing family trees. Effect: Prevents tag mismatches. 4. Deploy and extend the ①http protocol HTTP protocol is a Hypertext transfer protocol that returns an extension of the 404②a tag when no corresponding hypertext is found

• Target anchor: Give purpose identification: <a href = "Index.html#chai" >see chai tea</a><a id = "Chai" > Purpose </ai>
• Open a new window with Target (object): <a target = "_blank" >

The target property tells the browser where to open the HREF attribute 5, and when the image browser encounters the tag, special handling is required: The browser must first receive the image before it can be displayed on the page. ALT attribute: A small paragraph describes the image of the text, when the image can not be displayed, with this small paragraph of the narrative instead of the original image. 6. CSS uses selectors + content to define a style to make an element of a class have the same style, use a period, and then a class name, the rule applies to all members within that class. Common rules: font-family define fonts in a Web page font-size control the size of the font color font-weight set font ① box mode box-modelpadding (padding)-->border (border)-- >margin (boundary) ②div and spandiv: Used to divide the page and change the chunk style. With the help of Div, the page is divided into reasonable logical structure, which helps to clarify and style the structure of the Web page. The default width of the block element is auto, which means that it extends to all space. You can define the story size of a block, or you can define percentages. If a percentage is used, it is the container in which the element is located (can be <body>, <div>) ③ based on the state style element 7, the page layout uses the flow layout: The browser uses the stream to lay out the HTML elements on the page, starting at the beginning of the HTML file, The flow of elements followed by the element shows each element it encounters. When two browsers place two inline elements side-by, and the elements have boundaries, the boundaries of the two elements are added to display. When the browser places two block elements in parallel, it overlaps the common boundary, and the height of the overlapping boundary is the value of the maximum boundary. 8. Forms and Forms ① table <table></table> use <tr> create a table row,<th> create a header,<td> create the contents of the table. ② form textarea: You can enter multiple lines of text and define the height and width of the text area using rows and cols. Select: Creates a menu space for a Web page, and the menu provides a way to choose between a set of options, and select and option Create a menu together.

Getting Started with HTML