Skip to content

Commit 4aa7ea2

Browse files
authored
Update editors and links
Dear Atom, good night sweet prince
1 parent 2c16f40 commit 4aa7ea2

File tree

1 file changed

+8
-9
lines changed

1 file changed

+8
-9
lines changed

README.md

+8-9
Original file line numberDiff line numberDiff line change
@@ -71,19 +71,18 @@ Because this stuff is important. Whether you're a business person formatting yo
7171

7272
So the first thing you'll need is an editor to edit your jazz. There's tons of options out there.
7373

74-
* Notepad/TextEdit (that's right, the stupid thing that comes on your computer) - This is about as basic as you can get. It's totally okay if you want to use this, but I recommend one of the editors below just so you can see code highlighting (which will help you out later on). But, if you want to be a purist, this'll work just fine.
74+
* Notepad/TextEdit (that's right, the stupid thing that comes on your computer) - This is about as basic as you can get. It's totally okay if you want to use this, but I recommend one of the editors below just so you can see code highlighting (which will help you out later on). But, if you want to be a purist, this'll work just fine.
7575
* [Visual Studio Code](https://code.visualstudio.com/) - This is what I typically use. It's open source and has TONS of extensions available.
76-
* [Atom](https://atom.io/) - This is another very customizable option, with a huge plugin library and open source so it's always being improved.
77-
* [Sublime Text 3](https://www.sublimetext.com/3) - This is a pretty popular option, and for good reason. Very clean interface. Once you can navigate it (learning curve isn't that big), it's pretty dreamy. Like your face.
78-
* [CodePen Projects](http://codepen.io/projects/) - This is an in-browser code editor, so you can code directly within the web browser, no downloads required. :)
76+
* [Sublime Text](https://www.sublimetext.com/) - This is a pretty popular option. Very clean interface.
77+
* [CodePen Projects](https://codepen.io/project) - This is an in-browser code editor, so you can code directly within the web browser, no downloads required. :)
7978
* [Glitch](https://glitch.com/) - This is another in-browser code editor. It is meant for larger projects, but it's nice to not have to download anything!
80-
* [Notepad++](http://notepad-plus-plus.org/) - This is just one step up from Notepad. But it's pretty dece. Code highlighting is in it, and nothing else too fancy, which is what I like about it.
79+
* [Notepad++](http://notepad-plus-plus.org/) - This is just one step up from Notepad. But it's pretty dece. Code highlighting is in it, and nothing else too fancy, which is what I like about it.
8180

8281
There's a bunch of others [listed here](http://en.wikipedia.org/wiki/List_of_HTML_editors), I just listed the ones I've used and liked!
8382

8483
### HTML Tag Structure
8584

86-
Here is a barebones HTML page, about as simple as you can get. You can open it up in the **1 - Structure** folder in the file part1.html. If you were to open the file in your favorite browser (which you can do, go ahead), you'll see a plain webpage with the title "My Website" and the words, "Hello, World!" written on the page.
85+
Here is a barebones HTML page, about as simple as you can get. You can open it up in the **1 - Structure** folder in the file part1.html. If you were to open the file in your favorite browser (which you can do, go ahead), you'll see a plain webpage with the title "My Website" and the words, "Hello, World!" written on the page.
8786

8887
```html
8988
<!doctype html>
@@ -107,9 +106,9 @@ The opening and closing tags together are an *element* (which also includes ever
107106

108107
Tags organize your page and tell the browser what your page consists of. There's tons of tags out there, some that you may never use.
109108
Here's some lists of tags if you really care to see all of them at this point:
110-
* [HTML Dog Tag List](http://www.htmldog.com/reference/htmltags/)
111-
* [W3Schools Tag List](http://www.w3schools.com/tags/default.asp)
112-
* [Quackit HTML Tag List](http://www.quackit.com/html/tags/)
109+
* [HTML Dog Tag List](https://www.htmldog.com/references/html/tags/)
110+
* [W3Schools Tag List](https://www.w3schools.com/tags/default.asp)
111+
* [Quackit HTML Tag List](https://www.quackit.com/html/tags/)
113112

114113
So, if you look at our example, you can also put tags inside other tags (like we did with the `<title>` tags inside the `<head>` tags). This is called *nesting* elements.
115114
In this case, we would say that the `<head>` *contains* the `<title>`. Sometimes when you have a lot of nested tags, it's hard to keep track, so you have to format your code with spacing, as shown. Typically, inner tags are spaced more than their outer tags (just as `<title>` is indented further than `<head>`).

0 commit comments

Comments
 (0)