0 Basic HTML Coding Learning notes

Mission Purpose

• Understand the definition, concept, and history of HTML
• Mastering the meaning and usage of common HTML tags
• Ability to properly plan HTML document structures based on design drafts
• Understand semantics and use HTML tags wisely to build pages

Task Description: Complete an HTML page code writing (do not write CSS, do not need to focus on style, focus on the document structure) task considerations

• Only need to complete the HTML code writing, do not need to write CSS
• The example diagram is for reference only and does not need to be fully consistent, and the pictures and copy can be set by itself
• Try more HTML tags as much as you can

Summarize

I. Involving HTML tags

1,

2. <nav> Tags: defines a set of navigation links.

3, <main> Tags: page body content, the content is unique in the page, and does not include the pages of duplicate content, such as: Sidebar, navigation links, copyright information, website logo and search box.

4, <aside> Tags: define some other content related to the surrounding content.

5, <footer> Tags: define the foot of the page, can be: Author information, copyright information, contact information, site map, back to the top of the page links, related documents. There can be more than one <footer> tag in a page.

6, <article> Tags: define a piece of independent, self-contained content, which itself has a complete meaning, can be independent of the other content of the page exists.

7,

8, <ul> Tags: unordered list (unordered lists). <li> tags define list items for unordered lists.

9, <ol> Tags: there is a sequence list (ordered list). The <li> tag defines the list item with the sequence table.

10. <dl> Tags: A descriptive list (description lists) or a list of definitions. Used with <dt> tags (defines terms/names, defined as headings) and <dd> tags (describes each term/name, definition description is interpreted).

11, <form> Tags: can contain one or more of the following tags:<input>, <textarea>, <button>, <select>, <option>, <optgroup>, <fieldset>, <label>.

12, <input> Tags: define an input area where users can enter data.

(1) Type property: The type attribute defines the form of the input area, with the attribute values: button, checkbox, color, date, datetime-, local, email, file, hidden, image, month, number , password, radio, range, reset, search, submit, tel, text, time, URL, week.

(2) checked attribute: Used for checkboxes, radio and other types, define page pre-selection <input> element, attribute value: checked.

(3) Name property: Defines the names of the <input> elements. Property value: Text.

(4) Value property: Defines the value of the <input> element. Property value: Text.

13, <select> Tags: generate drop-down list. <select> tags Internal <option> tags define the list of options.

14, <textarea> Tags: multi-line text input box, you can define the text box size by cols and rows properties.

(1) Cols Property: Text box visual width, property value: number.

(2) Rows property: Number of visible rows in a text box, attribute value: number.

15, <table> Tags: define HTML tables. The table consists of one or more <tr> (defines a table row), <th> (defines a table header), <td> (defines a table cell) tags.

(1) Border property: The width of the border around the table. Property value: Pixels value.

(2) The Colspan property of the <td> tag: the number of rows spanned by the cell. Property value: Number.

16, <a> Tags: hyperlinks to link from one page to another.

(1) Target property: How to open a link. Attribute values: _blank, _parent, _self, _top, FrameName.

Second, encounter problems

1. Font Bold

HTML5: Use

You can also use the CSS's "Font-weight" property to add bold fonts.

Third,GitHub address : Https://github.com/Nunawading2016/2017-IFE-Baidu.git

0 Basic HTML Coding Learning notes