Structure of a simple html-page

by | Jan 21, 2023 | #365daysofcode | 0 comments

One day your mind will forget even the simplest basics

In this video I show the simple but important tags of a basic HTML page. Usually your code editor simplifies your work in such a way that you run the risk of forgetting the basics.

I love using the app Textastic and fill so called “dead time” to regularly do basic practice.

Let’s summarize

  1. A basic HTML file consists of HTML elements, which are the building blocks of an HTML document.
  2. These elements include tags, attributes, and text.
  3. Tags are used to mark up the content of the document and to specify how the content should appear.
  4. Attributes provide additional information about the elements, such as specifying an element’s size or color.
  5. Text is the actual content of the document, and is usually displayed in the browser window.
  6. The code behind a basic HTML file is a series of instructions written in HTML and CSS that tell the browser how to display the content. (However, no CSS this time)
  7. This code is written in a markup language such as HTML and CSS (not yet), and is used to format and structure the content on the page.

Textastic for iPhone gives you the possibility to repeat your code wherever you are.

Who says you can’t code while on the go?

Check out the code

<!DOCTYPE html>
<html lang="en" dir="ltr">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=viewport-width, initial-scale=1.0" />
		<link rel="stylesheet" href="styles.css" type="text/css" />
		<title>Basic HTML File</title>
	</head>
	<body>
		<h1>Hello world!</h1>
		<p>This is a simple html page</p>
		<blockquote>If you like this video, please subscribe to <a href="https://www.youtube.com/@codewithpassionbyclaude" target="_blank">my channel</a></blockquote>
		<em>Thanks for watching</em>
	</body>
</html>

#codingonthego #mobilecoding #asmrcoding #html #365daysofcode

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *