[HTML5 learning] HTML5 Study Notes (2) and html5 Study Notes

[HTML5 learning] HTML5 Study Notes (2) and html5 Study Notes

Next

(6): HTML5 style, link and table ①: HTML style: 1. label: <style>: style definition <link>: resource reference 2. familiar with: rel = "stylesheet": external style sheet type = "text/css": Reference Document type margin-left: margin HTML three style insertion methods: 1. external style sheet: <link rel = "stylesheet" type = "text/css" href?”mystyle.css "> 2. internal style sheet: <style type = "text/css"> body {background-color: red} p {margin-left: 20px} </style> 3. inline style sheet: <p style = "color: red"> ②: HTML link: 1. link data: Text Link image link 2. property: href property: Link name to another document property: Create link 3.img in the document Label attribute: alt: Replace text attribute width: width height: height ③: HTML table: label description <table> Define table <caption> Define table title <th> Define table header <tr> Define table rows <td> Define table Unit <thead> Define table Header <tbody> define the table subject <tfoot> define the table footer <col> define the column attributes of the table (7): HTML5 list, block, layout ①: list related labels introduction label description <ol> ordered list <ul> unordered list <li> list item <dl> List <dt> list item <dd> description 1: unordered list use tags: <ul>, <li> attributes: disc, circle, square 2: ordered list use tags: <ol>, <li> attributes: A,, i, I, start 3: label used by the nested list: <ul>, <ol>, <li> 4: label used by the custom list: <dl>, <dt>, <dd> ②: block Introduction 1. when an HTML block element is displayed, it usually starts with a new line. For example: