Week 1 WebApp Notes: HTML - Hsanokklis/2023-2024-Tech-journal GitHub Wiki

HTML and VI Basics: 1/19/2024

What is a Web Page?

  • Static Web pages are text files containing HTML
  • Server-side code is executed before it is sent to the browser
  • HTML describes and defines the content of a webpage

Examples of Tags:

<title>, <body> , <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>

Basic HTML Template

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
WEBPAGE STUFF GOES HERE
</body>

</html>
  • Stuff in the body is what the user interacts with
  • You do NOT need to format your HTML code (indentation), but you should since its good practice
  • Make sure you close all your tags!

image

Helpful examples of tags to use:

image

Using VIM

  • Unix-based text editor
  • Two Modes -->
    • INSERT: Type i and you can edit the file, using the arrow keys to naviagte
    • Command: Hit ESC and then : to enter commands
      • :w writes (saves) file
      • :wq writes (saves) and quits file
      • :q! quits without saving

Helpful Links:

https://www.redhat.com/sysadmin/introduction-vi-editor

https://www.cs.colostate.edu/helpdocs/vi.html

⚠️ **GitHub.com Fallback** ⚠️