Cheatography
https://cheatography.com
html cheat sheet by yunshu
basic format
<!doctype html> # for html5
<html>
<head>
# set chinese <meta charset="UTF-8">
<title>my title</title>
</head>
<body>
</body>
</html>
|
<head>: add config information of website
- title and icon of web
- style
- SEO related info: keywords, description of web
- link external css/js files
- info about browser adaption
<body>: content to show to clients
|
|
basic tags
view possible attributes of labels |
|
|
adding a header; one h1
in one page for better SEO |
|
adding a paragraph |
|
|
|
write comments; webstorm shortcuts: ctrl+/ |
<img src = "path/linkToImage" alt="alternateText" width= height= title="">
|
adding a image |
|
adding a break line |
<a href="" target= title="">text or <img> </a>
|
text or image with outgoing link |
<base href="" target= >
in <head>
|
set base URL for all relative links and default target for all links in page |
fake/placeholder URL |
1. "#": jump to top 2."javascript:" don't jump at all |
<a href="#N5">jump2N5</a>
; <h2 id="N5">hello</h2>
|
bookmark |
<ul><li>list item</li></ul>
|
Unordered list |
<ol><li>list item</li></ol>
|
ordered list |
<dl><dt>definition title</dt><dd>definition description</dd></dl>
|
definition list |
<table><tr><td></td></tr></table>
|
table |
<form> Nr.3
In the <form>
tags, all tags except button tags can use value
attribute to specify the data that needs to be submitted to the server
|
Created By
Metadata
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets
More Cheat Sheets by xys