Hypertext Markup Language is for organizing and defining content. Tags are placed around content to describe what it is and its level of importance.
This code demonstrates the basic structure of an HTML page, with elements like headings, paragraphs, and lists that define the content and layout.
<html> <!-- All HTML content must be enclosed in this tag -->
<head> <!-- The head section contains metadata and elements that enhance the page's body content, though it's not visible to users -->
<title>Page Title</title> <!-- The page title appears in the browser tab, search results, and bookmarks -->
</head>
<body> <!-- All visible content must be placed within the body tag -->
<h1>Main Heading</h1> <!-- <h1> to <h6> define headings, with <h1> being the largest and most important -->
<p>Paragraph text</p> <!-- <p> tags are used for paragraphs of text -->
<ul> <!-- <ul> creates an unordered list (with bullets), while <ol> creates an ordered list (with numbers) -->
<li>List item</li> <!-- <li> tags define list items and must be nested inside <ul> or <ol> -->
</ul>
</body>
</html>
File Transfer Protocol (FTP)
FTP is used to upload site files to a web server. On media arts computers, use the Fetch application to log into the server and upload your files. From home, you can use either Fetch or Cyberduck for this purpose. All assignments must be uploaded to your mediaweb account to receive credit. Download and follow the instructions for using FetchWithSSHKeys or CyberduckWithSSHKeys. You should have been emailed a SSHKey, if you haven’t yet received yours email me immediately.
In Class
Create a single HTML page that will serve as your homepage for the semester. This page should include links to all your other exercises and projects. For now, it must contain the following:
- A page title
- Your name
- Major and year
- Email address
- Short bio – 150 words that describe your career aspirations and goals
- An unordered list of 3 artistic/design related influences
- A ordered list of your top 5 most visited websites
- The above items should use appropriate HTML tags
- Save it as index.html
- Upload to the server using Fetch or Cyberduck and be sure to put your files in the Public_HTML folder
- Email me a link to your homepage before the start of our next class
* Keep in mind once this is posted to the server it is publicly available for the world to see.
Due Next Week: Homepage version 1