Write a websiteWriting a website
Making a Website Part I: Understand and Write HTML
You will be guided through the basics of an HTML file and learn some things about HTML that you want to know right away. To write HTML, you need a simple text edit.
It uses a simple text formatting tool named Textmate, but it costs you something. Several other text publishers are available, so you can use anything you want, as long as it is a pure text author. Whereas the word plaintext is a kind of misnotation (here is the reason for it), it is used to describe text that has no stylistic idiom and consists solely of characters, numbers and icons.
Whereas your simple text editors have special text highlights - a function that changes the color of the text according to what you enter to make your text more readable - this is just something you will see in your text editors and something that is not stored in the files. In principle, you need a text publisher that stores nothing but the text (which means you don't want to use something like Microsoft Word).
For the purpose of this unit, you should store all your text editing programs with the filename extension.html - for example, "my_first_web_page.html". While you can work on a.html page in any text editors, you can also look at it in your browsers.
When you open it in your web navigator, what you see is very different from what you see when you open it in your text app. Things to do with HTML documents After reading the section above, you may have figured out that HTML - which is HyperText Markup Language - is just a heap of text stored as a class of documents that your web browsers identify as HTML.
When you see an art on a web page, it is just referred to in the text of an HTML page and is not embedded as part of the physical part of the work. An HTML page contains only a series of text-based statements that a web page web page can use. The text of the page is encapsulated in a tag, which we will find out more about in a moment.
The program also uses these tag to instruct the web browsers to show things like pictures, line feeds and much more. First of all, you simply comprehend that HTML is a series of statements for your web browsers that you will write. Things to tag? Tagging is used in HTML to specify certain items on the page so that the web browsers can use them.
Here is what a range of tag look like: All the above are HTML pages. All of your HTML documents are included in these tag. Each tag starts with a smaller than icon and ends with a larger than icon. Some of them are referred to as tag, because these icons make them look like a tag.
It will tell your webdbrowser that the first HTML is the beginning of the HTML file and the second /HTML close it. This is what most tagging looks like. You will also see things like this: Above day is an images-day. You probably already found out, but his task is to show a picture.
At that time in the early HTML era you didn't need to put the / to an imagery tags, and from a technical point of view you still don't, but it's the right one. We use the lrc-attribut to specify that the picture we want to show is image.jpg. Since we only list the filename, the web browsers assumes that we keep this picture in exactly the same place as our HTML-Dokument.
When you had a directory named pictures in the same location as your HTML file and kept the picture in it, you would put the file named unsrc on "images/image.jpg" because the / indicates that we are going to a directory. When you want to download an Image from an outside website, you can only specify the complete picture link (e.g.).
All the other metadata just specify the width and width of your picture. You only need the scrc property for the images but if you don't specify the width and width of your picture, the web server doesn't know how much room it should have. It will readjust the page as it loads.
That looks kind of strange, so it's always better to specify the width and heigth in the logfiles. This cheat sheet is a good starting point for a fast overview of some of the fundamental items that you can use in your work. Well, now that you have the base HTML template below, let's take a look at the template of a simple HTML documen.
This is a very easy look and does not contain everything you will probably find in a fully featured HTML file, but it works well and keeps things beautiful and easy. Here is the base structure: You will find that the HTML tag contains HEAD and the HTML tag contains it.
HEAD tags encapsulate information that is not necessarily displayed directly on the page, such as the page header (which is displayed in the web browsers as a pane or tabs title), as well as file style and other context. By tagging your text, pictures and real money, the text is encapsulated on the page.
This is the resulting HTML page that opens in your web browsers (simply click on the stored page or drop it into a web browsing window): Allows you to use DIV to contain bit of contents so that you can design and move them with DIV. H1, H2, H3, H4, H5 and H6 are all used to generate headers.
Since this HTML file does not contain HTML formatting information, the text My Page is bolded by the H1 tags. If you begin to add your own text to your text, you can customize this text by specifying a standard one.