![]() ![]() Click on the Custom CSS sheet and then scroll down to the medium purple class.ĬSS classes have a dot in front of them. The Medium Purple class, in turn is defined in the custom CSS sheet listed in the head of the source code. So the secret to having each menu item box be a different color is simply assigning each box to a different class. #DEFINE BLUEFISH CODE#Translated to English, the above HTML code means that the browser should display a List Item using a class called “item-120” and another class called “medium purple.” The item or box if clicked on should link to or open a page called 1-html-structure” and the text in the box should be HTML Structure. Scroll down the source code until you get to the menu item “1 HTML Structure” and you will see the following code just before these words: #DEFINE BLUEFISH HOW TO#But these clues will only make sense if you know how to read HTML and CSS. Right clicking on the page and then viewing the source can give you clues as to how it was done. For example, you see that we have a menu with 10 different colors and you want to have a similar colorful menu on your website. Imagine you come across a web page that has some cool feature and you wanted to know how that feature was created. But even if you intend to use a Content Management System like we are using to build this website, knowing HTML can help you troubleshoot problems with your web pages and help you make customizations to your web pages. So technically, you could use a CMS and never learn HTML or CSS. I did not write any of this HTML code because I used a Content Management System (aka CMS) to build this website. There are 40 lines of code before we get to the first image at the top of the page. Then click View Page Source to see the following Source Code: Right click on the Home page of Learn HTML and CSS to bring up these options: For example, here is the home page for Learn HTML and CSS: ![]() Right click on any web page, then click on View Page Source to see the real version of the web page which is its hidden or underlying HTML code. There is the colorful page intended to be viewed by the public – and then the actual page rendered by the web browser. For example, the h tag is used to display a heading, the p tag is used to display a paragraph and the image tag is used to display an image.Įvery page on the internet comes in two versions. HTML uses markup opening and closing tags to let a browser know how to display what is inside of the tag. There are now literally billions of web pages made using HTML. It has been used as the primary language to create web pages ever since. This language was developed by Tim Berners-Lee in 1991. HTML stands for the hypertext markup language. #DEFINE BLUEFISH FREE#We will then use an amazingly simple and free tool called Bluefish to create a basic web page. In this article, we will begin with a brief introduction to HTML structure and then use a text editor to create an HTML document. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |