Quick html writing and html writing
1. nested operation ---------- suboperation:> div> ul> li <div> <ul> <li> </ul> </div>: + div + ul> li <div> </div> <ul> <li> </ul> superiors: ^ ul> li ^ div <ul> <li> </ul> <div> </div> ul> li> a ^ div higher layer <ul> <li> <a href = ""> </a> </li> </ul> <div> </div>: * ul> li ** 3 <ul> <li> </ul> group :() div> (p> span) * 2 <div> <p> <span> </p> </div> 2. attribute operation ---------- id and class div # header + div. main + div # footer <div id = "header"> </div> <div class = "main"> </div> <div id = "footer"> </div> attribute value a [title = test target = _ self] <a title = "test" target = "_ self" href = ""> </a> sequence value: $ p. item $ * 3 <p class = "item1"> </p> <p class = "item2"> </p> <p class = "item3"> </p> p. item $ * 3 <p class = "item01"> </p> <p class = "item02"> </p> <p class = "item03"> </p> sequence operators: @ p. item $ @-* 3 @-=-1 <p class = "item3"> </p> <p class = "item2"> </p> <p class =" item1 "> </p> p. item $ @ 3*3 @ 3 = starting from 3 <p class = "item3"> </p> <p class = "item4"> </p> <p class = "item5"> </p> p. item $@-3*3 @-3 = 3 and ends 3 <p class = "item5"> </p> <p class = "item4"> </p> <p class = "item3"> </p> 3. character operation ---------- character operation: {} a {click} <a href = ""> click </a> {click} + span {me} <a href = ""> click <span> me </span> </a> 4. default element ----------. header +. footer ------------- div. header + div. footer ul>. item * 3 -------------- ul> li. item * 3 table>. row * 4>. cell * 3 -------------- table> tr. row * 4> td. cell * 3