Diving back into HTML after a break proves to sometimes be challenging, with forgotten information or improperly used tags. However, revisiting some of the key basic information has helped me tremendously and it proves that it’s always a smart idea to revisit the basics.
When I began creating my first website of the semester, it quickly became clear that several key pieces of information had slipped away from my mind after a year of sitting on a mental shelf. Those key elements include proper naming conventions and several basic HTML tags and definitions I had simply forgotten. I have complied a short list of these key pieces of information to hopefully jog my mind in the future, as well as any other inquiring minds.
Proper Naming Conventions
Naming your files is key to success when creating for the web. File organization and management keep your projects clean and makes it simpler for the computer to identify what it needs. When naming your files, remember these key things:
- Try to keep it lowercase
- Try to avoid long names
- Avoid special characters such as @ # % * etc.
When naming the actual file, there are several different methods you can use including:
- Using Camel Casing (ex. thisIsCamelCasing)
- Adding an underscore (ex. this_is_an_underscore)
- Using dashes in place of spaces (ex. dashes-are-great)
A List of Basic HTML Tags to Remember
- <h1> </h1> (h1 – h6) Headlines
- <p> </p> Paragraph
- <strong> </strong> Strongly Emphasized
- <em> </em> Emphasis
——————————————————-
- <a> </a> Links/ anchors
- <ul> </ul> Unordered lists/ Bullet lists
- <ol> </ol> Ordered lists
- <li> </li> List items that go in either <ul> or <ol>
——————————————————-
- <html> </html> Starts the document and ends the document. Not visible
- <header> </header> The content at the top goes here (key info: logo, <nav> navigation, site name, etc.)
- <main> </main> The main content of the page is here.
- <footer> </footer> The footer content of the page goes here.
——————————————————–
Linking to another page:
- <a href=”contact.html”>Linked Word</a>