Heading and whatever else is on the next few pages

There are six heading tags, <h1> through <h6>, with <h1> being the most important header and <h6> being the least. They affect the font size, but should be used for heading pages and sections and NOT for making text bold or large, that’s what CSS is for. Headings are used by search engines to index your page, which is one of those phrases where I feel like I know what it means, but kinda not really.

<hr> is another empty tag, like <br>. It makes a horizontal line on the page.

Some tags for modifying how the text looks within a <p> element:

<p>These <b>words are gonna be bold</b>, while <em>these will be italics</em>.</p> gets you:

These words are gonna be bold, while these will be italics.

<strong> is  typically used for bold like <b> and <em> is usually used for emphasis like <i> to make things italics.

There’s a special tag for <address> but I can’t tell what it does besides making everything italics, but then again if you wanted to style all addresses on your site a certain way using this tag would make things a lot easier. Same concept for the <abbr> tag, which is for abbreviations but it’d be tough to think of a situation where you’d need to style them specifically.

Text direction is a pretty sweet attribute, if you do <bdo dir=”rtl>This is some text</bdo> will write it backwards. bdo stands for bi-directional override, and the dir attribute’s value tells it which direction to write the text.

<blockquote cite=”https//whateverthesourceisforthequote.com”> This is a blockquote element and will have that indent you see when quoting a whole paragraph for a blockquote</blockquote>

<q> can be used within a <p> element to add some quotes. As noted, a benefit of all these specific tags is that it helps with styling them. If, you know, for some reason you wanted to really style the hell out of those quotation marks.

<del> can be used within <p> elements to strikethrough text for deleted text, and <ins> will underline inserted text. It’s for when you cross out a word and put a new word in to replace, and for some reason want people to see that.


Finally, <mark> allows you to mark/highlight some text.

Alright, that’s it for now. Off to hot air balloon.

Back from hiatus, back to the basics

It’s been almost a month and a half since my last post. If you’ve never experienced excruciating chronic nerve pain, then I hope you never have to. I wonder, is it worse to have a broken mind and a healthy body, or a healthy mind and a broken body?

Since I’m decidedly rusty, I’m going to go back to the start and basically relearn everything I did before. Lots of the upcoming posts will likely cover the same material, but I’m glad to be doing this because it 1. will help me escape the dead end job I’m currently working, and 2. it will be nice to be making positive progress in my life again that’s something other than working to have less pain.

<p> is an example of a tag. It’s a keyword (aka a tag name) between two brackets that tells the browser what it’s dealing with, like a picture, a link, a paragraph or a list. It’s good practice to always write tags in lower case.

<p>I’m going to order delivery cookies later</p> is an example of an element. It is typically made up of an opening (start) and closing (end) tag with the content in between.

HTML = Hyper Text Mark up Language

You open and close your html code with the <!DOCTYPE html> tag, which specifies this code is HTML5. Older versions and XML have wayyy longer tags to declare them and I’m going to ignore those for now.

There are empty elements as well, such as <br> for page breaks. You don’t need to have a closing tag, just the single one is enough.

Sometimes html tags can have attributes, which provide additional information about an element. They’re always specified in the start tag, and come in name=value pairs. For example, the link tag <a> has the href attribute, which tells you what site or page or whatever it’s linking to. The values should always be in quotes. Like tags, the attributes should always be lowercase.

<a href=”https://google.com”>This is a link to google</a>

So just rideeeeeeee