#]
#] *********************
#] "$d_SysMaint"'html/html codes notes.txt'
www.BillHowell.ca 19Sep2018
To view this file - use a text editor (not word processor) constant width font (eg courrier 10), tab - 3 spaces
My webSite : http://www.BillHowell.ca/
Lies, Damned Lies, and Scientists - summary :
http://www.BillHowell.ca/Lies, Damned Lies, and Scientists/_Lies, damned lies, and scientists.html
48************************************************48
24************************24
# Table of Contents :
# just use $ linux, select 6. html codes
08********08
#] +-----+
#] Table codings
#]
#]
#]
#]
#]
#]
#]
#]
#]
#]
#]
#] submissions: | January 15, 2019 |
#] notifications: | February 28, 2019 |
#] dates: | July 14-19, 2019 |
#]
#]
...blah blah...
#] how do I run CSS from within html?
#] [External, Internal, Inline] CSS
https://www.w3schools.com/CSS/css_howto.asp
text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;
sideways
FireFox >=41.0 supports
https://matthewjamestaylor.com/add-css-to-html
#] vertically orient text, inline CSS
#]
# plasma concentric spheres
eg. at the focal point of a z_pinch
#]
plasma concentric spheres
eg. at the focal point of a z_pinch
https://fordinteractive.com/articles/2022/02/things-go-sideways-writing-mode-vertical-text/
transform: rotate(90deg)
see "$d_web"'My sports & clubs/natural- Thunderbolts/Electric Universe [time, length] multifractal.html'
#]
#] in-line table codings (eg for grep on-line searches), search \n replace with null :
r1c1 | r1c2 | r1c3 |
r2c1 | r2c2 | r2c3 |
r3c1 | r3c2 | r3c3 |
r4c1 | r4c2 | r4c3 |
r5c1 | r5c2 | r5c3 |
25May2021 PROBLEM with width - I have to set each image width in absolute, not %
this will NOT adapt to screen size!!
#] +-----+
#] html Table codings [table, tr, td]
#] HTML character codes Table - http://www.ascii.cl/htmlcodes.htm
#] HTML color codes and chart selection : https://html-color-codes.info/
07Jan2020 search "html tables and how do I set the background color?"
#] Colors :
#] Background Color of the whole table
#]
#] Background Color of a whole row
#] Table cell
#] Background Color of a whole column
#] Table cell
#] Background Color of a Single Cell
#]
#]
#] HTML color codes and chart selection : https://html-color-codes.info/
#] HTML color names https://html-color-codes.info/color-names/
#] color light medium dark
#] grey #A4A4A4 #6E6E6E #1C1C1C
#] red #F78181 #FF0000 #8B0000
#] pink #FFB6C1 #FF1493 #C71585
#] orange #FFA500 #FF8C00 #FF4500
#] yellow #FFFFE0 #FFFF00 #F0E68C
#] green #98FB98 #00FF00 #008000
#] blue #B0E0E6 #0000FF #000080
#] indigo #5858FA #0101DF #0B0B61
#] violet #EE82EE #8A2BE2 #4B0082
#]
#] For geany : (should make a bash script!)
#] html double spaces to `. : search : <2 spaces> replace : ..
#] html tab to ... : search : \t replace : ...
#]
#]
#] merge cells with html
Images,eg
mailtos :
Avoid ampersands in mailtos!!!!
%0D%0A line break in a mailto
Regina Legoo. INNS Meetings & Program Manager. Association Resources. Washington. DC. USA.
NOTE: you cannot use the character "&" in mailto email addresses.
24************************24
#] +-----+
#] Wikipedia links with bookmarks
https://en.wikipedia.org/wiki/Wikipedia:Linking_to_Wikipedia
#] Links for articles which have spaces in their titles replace those spaces
#] with underscores; for Top Cat, the URL is https://en.wikipedia.org/wiki/Top_Cat
#] +-----+
#] mailtos :
#] Avoid ampersands in mailtos!!!!
#] %0D%0A line break in a mailto
Full mailto example, with CC :
#]
Regina Legoo. INNS Meetings & Program Manager. Association Resources. Washington. DC. USA.
#] NOTE: you cannot use the character "&" in mailto email addresses.
1. OK :
&CC=Chang-Shing%20Lee.%20Competition%20Co-Chair%20and%20Coordinator.%20WCCI2020%20Glasgow.%20National%20Uof%20Tainan.%20Taiwan%20
This yields :
Chang-Shing Lee. Competition Co-Chair and Coordinator. WCCI2020 Glasgow. National Uof Tainan. Taiwan
2. NYET :
&CC=Chang-Shing%20Lee.%20Competition%20Co-Chair%20&%20Coordinator.%20WCCI2020%20Glasgow.%20National%20Uof%20Tainan.%20Taiwan%20
This yields :
Chang-Shing Lee. Competition Co-Chair <>
********
04Oct2020 hash tag symbol for html menus etc - problem defining link
see d_Qndfs 'website urls.ndf'
#] To cleanup redirected links ('%3A' ':') ('%2F' '/') ('%3F' '?') ('%3D' '=') :
#] copy of long redirection link
#] qnial> strURL_clean ''
https://www.computerhope.com/issues/ch001655.htm
How to combine or merge cells in an HTML table
Updated: 04/30/2020 by Computer Hope
#] merge cells with html
You can merge two or more table cells in a column by using the colspan attribute in a HTML tag (table data). To merge two or more row cells, use the rowspan attribute. On this page, we provide examples and information on using these attributes and show you how they display in the browser.
Example HTML table
| |
How to use rowspan attribute
Howell - "Howell - corona virus 2020.html" :
https://www.tutorialspoint.com/How-to-merge-table-cells-in-HTML
To merge cells in HTML, use the colspan and rowspan attribute. The rowspan attribute is for the number of rows a cell should span, whereas the colspan attribute is for a number of columns a cell should span.
Both the attribute will be inside the tag. The number will be a numeric value, for example, 2 for 2 rows if rowspan, 2 for 2 columns if column span.
[table, row, cell] background color :
|
+----+
Bookmarks within a page :
Hello world
Test
#]
#] +-----+
#] setup of links in raw webSite html system (QNial)
#] Put into QNial webPage_convert : ...
#] ...
#]
#]
#] 09Feb2023 [html, CCS, javascript] * [collapsible, headed] lists
#] see "$d_SysMaint"'browser/0_bookmarks sorted.html'
#]
#] 15Jul2023 other font stuff
https://blog.hubspot.com/website/html-strikethrough
#] strikethrough: - incorrect, - to delete,
#] CSS text-decoration: But I want to remove this text
+-----+
https://www.w3schools.com/jsref/dom_obj_dt.asp
[dl, dt, dd] - not much different fr4om , but more compact and with header?
Center text (and other stuff)
At start of body, define :
Then surround text with :
text
Mostly avoid [FONT, P,...] :
constant width font, size specified
https://www.quackit.com/css/properties/css_font-style.cfm
Don't use font tag anymore!! (yeah bullshit)
Indentation : https://www.quackit.com/css/properties/css_text-indent.cfm
...
text-indent: [ | ] && hanging? && each-line?
Paragraph indentation :
************
#]
#] +-----+
#] punctuation [,"'<>&@%©®«±]
view source code for characters https://websitebuilders.com/tools/html-codes/ascii/
(decimal codes - easier for me than hex, just use ASCII table for most of my stuff)
#] decimal hex htmlName symbol name
#] insert a space
#] , , , Comma
#] “ " " " Double quotes (or speech marks)
#] ‘ ' ' Single quote
#] < < < < Less than (or open angled bracket)
#] > > > > Greater than (or close angled bracket)
#] % & ampersand
#] %0D%0A line break in a mailto
#]
#] ‘ ‘ Left single quotation mark
#] ’ ’ Right single quotation mark
#] “ “ Left double quotation mark
#] ” ” Right double quotation mark
#]
#] # # # Number
#] & & Ampersand
#] @ @ At symbol
#] % % Procenttecken(fancy name)
#] © © copyright
#] ® ® Registered trade mark sign
#] « « Left double angle quotes
#] ± ± Plus-or-minus sign
#] Czech & Slovenian, French, German, Greek, Hawaiian, Italian, Polish, Romanian, Russian, Spanish, Turkish
#] á á Á Á ä ä Á Ä ą ą Ą Ą
#] é é É É ę ę Ę Ę ě ě Ě Ě
#] ó ó Ó Ó ö ö Ö Ö
#] ú ú Ú Ú ů ů Ů Ů
#]
#] ... superscript code, ... subscripts
************
#] HTML character codes Table - http://www.ascii.cl/htmlcodes.htm
#] HTML font sizes
#] Bad html codes in text processors
code replacement
ââ¬â¢ '
ââ¬â -
ð °
ââ¬Å "
â⬠"
#] +-----+
#] Images,eg
#] [control, prevent] word wrap around an image
#] to flush-right last part of sentence remaining in a table cell :
#] Left aligned, This text is right aligned
#] 21Dec2020 - doesn't really work... I've lost my solid solution (somewhere)
NO wrapping : https://www.angelfire.com/nm/thehtmlsource/jazzup/image/stoptextwrap.html
>> wow! easy, and after years of searching, only one guy makes it clear!
>> Notice how only the last image is followed by clear, and all images are in horizontal line
#] +-----+
#] html heading -> Table of contents
#] geany regexpr multi-line
#] search : (.*) <\/a> replace: \1-
#] search : (.*)(.*)<\/h.> replace: \1\t\t \2
+-----+
#] raw sub-section headings :
#] -
#]
Definitions of [consciousness, sentience]
-
Is machine [consciousness, sentience] debatable?
-
A quick comparison of Consciousness Theories
-
Blake Lemoine: Is LaMDA Sentient?
-
Blake Lemoine: Is LaMDA Sentient? — an Interview
-
Blake Lemoine: We’re All Different and That’s Okay
-
Blake Lemoine: What is LaMDA and What Does it Want?
Do these comments have anything to do with consciousness?
+-----+
#] ToC format :
#] +-----+
#] FONTS constant-width :
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
HTML attribute reference - copy the following and cut out needed specs :
#] also : Liberation mono. Monospace, etc
************
For geany : (should make a bash script!)
to add s to blog emails :
1st pass : Search \n Replace \n
2nd pass : Search \n\n Replace \n \n
3rd pass : Search
\n Replace \n
<\ul>
-
-
-
-
4th pass : regexp Search --->([ \t]*
) Replace : --->
***********************************
#] bash auto-generation of html TableOfContents
#] grep ' ||;s|["]||g;s|\(.*\)| - \n\t\t\t\t \1|'
#]
# enddoc
| |