- Joomla! 1.5x Customization: Make Your Site Adapt to Your Needs
- Daniel Chapman
- 557字
- 2021-04-01 13:53:14
HTML
Originally, web pages consisted primarily of many individual files, each containing all the design information and data, and links to any images that needed to be displayed on a single viewable page. This information and data was, and still is, written in a language called HTML.
While many people refer to HTML as a programming language, it is in fact, as the name states, a markup language. That is a language that doesn't provide instructions on something to do (a program) but instead, tells how to display itself and the data it contains.
This means that HTML code by itself is not capable of actually doing anything except structuring and displaying static data in a certain way.
HTML works by putting the data inside tags, indicated with greater than and less than symbols, and these tags tell the reader (usually a web browser) how to organize the data structurally.
Some examples of HTML tags:
<h1>This is a level 1 Header</h1> <p>This is a paragraph</p> <div>This is a div, used to divide information into logical containers.</div> <ul> <li>A List Item (li) in an unordered list (ul).</li> </ul> <span>This is a span of text. </span>
An HTML document almost always has at least the following tags:
<html> <head></head> <body></body> </html>
The <head></head>
tags are used to hold information about the document which affects the display of the data, but does not actually get displayed on the page itself, whereas the <body></body>
tags contain the data that is to be displayed in the web browser.
HTML can also contain extra pieces of information inside the actual tags themselves, and not just between the tags. These bits of information are called attributes. The extra information in these attributes is used to provide extra features and functionality to the HTML when displayed. For example, links and images need to be told where to send people when clicked, or what image to load.
<a href="www.awebsite.com">A link to a website</a> <img src="www.awebsite.com/logo.jpg" />
We probably noticed that the image tag, <img>
, didn't have a closing tag with a slash in it. This is because some tags can be self closed if it doesn't make sense for them to have two tags, such as with our image. To self close a tag, simply put a slash as the last character in the tag.
Note
This is far from a complete guide to HTML, as there are dozens, if not hundreds of guides to HTML online and in book form. Please look to them for more information HTML. Also recommended is the website www.w3schools.com for more detailed information on HTML and its descendant, XHTML.
We can also use a style
attribute in our HTML code to add design elements to what is otherwise only a logical structure.
Originally, this was how most HTML was styled. However, it was quickly realized that mixing design information, structural information, and the data itself into the same file was dangerous and made updating the data difficult without affecting the design, and updating the design was difficult without potentially affecting the data. So an attempt was made to strip the design information out of the HTML files, leaving only the data and data structure in the original files, and putting the design information into separate files.
This led to what is today called cascading style sheets (CSS), separate files containing the majority of the design information for a web page:

- Adobe創意大學After Effects CS5 影視特效師標準實訓教材
- Microsoft Visual C++ Windows Applications by Example
- Final Cut Pro X 影視包裝剪輯完全自學教程(培訓教材版)
- 中文版3ds Max 2016/VRay效果圖制作實戰基礎教程
- EJB 3.0 Database Persistence with Oracle Fusion Middleware 11g
- Cinema 4D電商美工與視覺設計案例教程(培訓教材版)
- UG NX 9.0中文版基礎與實例教程
- 中文版Dreamweaver基礎培訓教程
- 中文版After Effects 2022基礎教程
- 中文版After Effects CC 2018 動漫、影視特效后期合成秘技
- Oracle 11g Streams Implementer's Guide
- ASP.NET 3.5 Social Networking
- Building Websites with ExpressionEngine 1.6
- 中文版Flash CS6動畫制作(慕課版)
- Photoshop CC入門與提高(超值版)