How To Build A Website With Html In 10 Minutes - Business - Nairaland
Nairaland Forum / Nairaland / General / Business / How To Build A Website With Html In 10 Minutes (738 Views)
Fg Raises N7bn From Savings Bond In 10 Months / Muhammadu Nuhu-Koko: 'I Control Over N200Billion But Can’t Build A House' (2) (3) (4)
(1) (Reply)
| How To Build A Website With Html In 10 Minutes by mobicomtech01: 11:58am On Apr 14, 2016 |
Building a website with html 5 and css 3 Today I’m going to teach you some basics on how to build a website with html 5. Html 5 is the new code most web developers use to develop websites and you can also develop mobile application with html 5 css 3 and javascript using phonegap. To start with, HTML mean hyper-text-markup-language and that is the language your browser understands. Html is written in tags which some people call codes. And you need a text editor to work with html. Initially it was Dreamweaver and notepad, but today there are other text editors. For this tutorial I’ll be using Notepad ++. So let’s get started. First google notepad ++ and download and install on your system. Then open a new folder and save 7 picture images from pictures on your computer in jpeg or png format, you should save them in folder as image 1 to image 7 this are what we’ll be using to develop a website within 10 minutes. Also save any logo picture in the folder has logo try to have a png format for all this images and logo preferably. To start html you have to note that it is easier to save all your files in one folder. Now start the notepad ++ and save the homepage as index.html. Now you declare the Html version for the browser to understand, since we are using html 5 you type <!DOCTYPE html> this shows the browser that it is html 5. Note that a tag start with < and ends with >. There are 2 major types of tags that is the double tag and the single tag. The double tag has an opening and a closing tag, while the single tag doesn’t, and example of a single tag is the tag we used to declare the DOCTYPE. Now for the double tags the opening tag looks like this <tag> while the closing tag looks like </tag>, this is just an example they are not real tags, so let us start to write some tags. You start by writing the root tags which will contain all other tags i.e<html></html> in between the root tags you insert the head tag <head></head>which contains tags that will not be seen on the web page. Then also the body tag <body></body> which contains the tags that will be shown on the webpage. Now let us start by inserting a meta tag and title tag in the head. <head><meta charset=”utf-8”/><title> my website </title></head> a meta tag allows for extra characters that are not on our normal keyboard, while the title tagis what is displayed on the top of the browser. Certain tags to note that we use in the body. 1: Line break tag: <br/> 2. Paragraph tag: <p></p> 3. Header tags. There are 6 header tags i.e h1-h6 so you’ll have <h1></h1> like that to<h6></h6> 4. tobolden a word in html 5 you use <srong></strong> 6.italic <em></em> 7. Horizontal rule tag <hr/> 7 image tag <img/>. To link to another webpage or website in html you use what is called an anchor tag <a></a>.There are what is called attributes that will be added tocertain tags for it to make meaning to the browser. Attributes are the extra information html needs to work properly. A vital attribute in html is href which is used with the anchor tag, there is also the source attribute src, there is also the width and height attribute, there are so many attributes and tags that cannot be covered you’ll need to continually learn to get yourself up to date. Now let us build a website with what we know so far. <!DOCTPYE html/> <html> <head> <title> my website </title> </head> <center> <body> <imgsrc="logo.png" width="150px" height="30px" align="left"><br> <hr> <a href="index.html"/>HOME | SERVICES | | <a href="index.html"/> ABOUT US | CONTACT US | PRIVACY POLICY <hr> <marquee><h4> Welcome to my website I hope you like it </h4></marquee> <imgsrc="image 1.png" width="300px" height="180px"/> <imgsrc="image 2.png" width="300px" height="180px"/> <imgsrc="image 3.png" width="300px" height="180px"/> <imgsrc="image 4.png"width="300px" height="180px"/> <imgsrc="image 5.png"width="300px" height="180px"/> <imgsrc="image 6.png"width="300px" height="180px"/> <imgsrc="image 7.png"width="300px" height="180px"/><br/>  <br/>  <br/>  <br/> <hr> Copyright & Copy 2016 All rights reserved | Mobicom<hr> </body> </center> </html> You can contact 07035582195 for a comprehensive one on one training using or training pack with a token of N1500 excluding transportation |
(1) (Reply)
Crazy Jobs From Around The World You Won’t Believe People Do / SHOCKING! N1.732 Trillion Lost Under Buhari In One Year / .hostility on demand
(Go Up)
| Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health religion celebs tv-movies music-radio literature webmasters programming techmarket Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 17 |