User Tools

Site Tools


form:www:html

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
Last revisionBoth sides next revision
form:www:html [2018/06/08 14:05] – created rjtform:www:html [2018/10/22 23:39] – external edit 127.0.0.1
Line 1: Line 1:
 ====== HTML ====== ====== HTML ======
 **__H__yper__t__ext __M__arkup __L__anguage** **__H__yper__t__ext __M__arkup __L__anguage**
 +
 +I like to get tipsy and do HTML when it's sunny.
  
 ===== Cool HTML Elements ===== ===== Cool HTML Elements =====
-  ; term +  ; ''<cite>'' 
-  : def+  : For titles of works. 
 +  ; ''<details>'' 
 +  : For sections of stuff you can show/hide. Added a ''<summary>'' to set the title. Use ''<details open>'' to make it start unfolded. 
 +  ; ''<dfn>'' 
 +  : For specifying first instance of a term. Use with ''<abbr>'' or ''<acronym>''
 +  ; ''<figure>'' 
 +  : For images associated stuffs. Put a regular 'ol ''<img>'' in there and use ''<figcaption>'' for a caption. 
 +  ; ''<kbd>'' 
 +  : For keyboard / button instructions. 
 + 
 +===== Other Cool Things ===== 
 +  ; ''download'' attribute 
 +  : With ''<a href="[link to file]" download>'' you can specify that a link is for //downloading//, rather than //loading//, by adding the ''download'' attribute. 
 +  : This can also be followed by a ''="[filename]"'' if you want it to be downloaded with a different filename that the one it has on your server. 
 +  ; ''alternate stylesheet'' 
 +  : You can specify alternative appearances for you page, which in [[tool:software:Firefox|]] are accessed via ''View > Page Style'' (or ''Alt v y''). You can also have a base sheet that is applied to all. 
 +  : [[https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets]] 
 + 
 +==== Content Security Policy ==== 
 +//CSP// is a way of verifying externally hosted assets on websites. 
 + 
 +Pretty cool thing to get into the habit of use/doing. 
 + 
 +  * https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP 
 + 
 +checkers: 
 +  * https://report-uri.com/ 
 +  * https://csp-evaluator.withgoogle.com/