dancingbookwyrm-codes - Tumblr blog

dancingbookwyrm-codes · 1 year ago

Text

First day of HTML

Disclamer, this is more of a review for me since I *did* start to learn html a few years ago. However, I didn't get too far and I'm not just going to jump right back in to where I was when I left off, so we're restarting from the very beginning.

Today I went through the "Introduction", "Editors", "Basic", and "Elements" pages and to summarize those lessons:

HTML stands for Hyper Text Markup Language, and is the primary language used for coding web pages

HTML uses elements to describe the structure of a webpage

Every HTML document must begin with the <!DOCTYPE html> declaration

An HTML element is defined using the format: <tagname>Content goes here</tagname>

HTML documents are created out of nested elements, meaning that one element can contain another

NEVER SKIP THE END TAG unless you want to risk unexpected errors when you try to run your code

HTML is not case sensitive, so it doesn't matter whether you write or . Just try to keep it consistent throughout your code!

Here's a list of the elements learned so far in those lessons:

<html> - the root element. This is used at the start and end of any document, with everything on the webpage sitting between the tags.

<head> - used for meta information that isn't displayed on the page itself, such as the <title> element

<title> - this is the title of your webpage that appears on your browser tab

<body> - the body of the document, a container for all visible elements on the webpage

<h1> - defines a heading of the highest priority

<h2> - defines a heading of the second highest priority

<h3> - defines a heading of the third highest priority

(and so on up until <h6>)

<p> - defines a paragraph

<br> - defines a line break in a paragraph (note: <br> is an "empty element" because it has no content and therefore does not have an end tag)

Links and images both use attributes within the tag to provide additional information about the element.

<a> - a web link. Can be nested within a paragraph or heading. Uses the href attribute to specify the link's destination. For example:

<a href=https://www.website.com>Linked text goes here</a>

<img> - an image. Uses src to specify the source file, alt to set alternative text, width and height.

To create an HTML document you can simply open any basic text editor (for Windows, Notepad works perfectly), write your code, and save as a .htm or .html file, preferably with UTF-8 encoding.

You can then open the file in your browser to see your very own HTML webpage!

Reference: I'm using the w3schools HTML tutorial

#html #html5 #programming #comp sci #computer science #coding #learning

0 notes

dancingbookwyrm-codes · 1 year ago

Text

print("Hello, world!")

Welcome! As a future compsci student currently on a gap year, I wanted to keep up with my coding skills and independent learning until I start my program at uni next year. My plan for this blog is to share my journey as I learn HTML and C++, as well as brush up on my Python and Java before fall of 2024.

The goal here is simply to learn different programming languages and really immerse myself in the world of computer science, while posting about it on at least a weekly basis to keep me accountable (because tbh, I'm usually pretty horrible at sticking to new habits).

If you have any questions, resources, or recommendations for me to check out, please feel free to leave an ask or DM!

#computer science #coding #programmer #stem #academics #university #studying #studyblr #comp sci #python #c++#javaprogramming #html

1 note · View note