Posts

Showing posts from June, 2021

ADDING NUMBERED LIST ON HTML

Image
ADDING NUMBERED LIST ON HTML In html there is ordered and unordered list which is Ordered list: is a type of list that can be listed with a letter (a or A), number (1) and Roman numbers which is (i or I) while Unordered list:   is the type of list which is bulletin. But today we are going to discuss on ordered list on Html: <!DOCTYPE> <html> <head><title></title> </head> <body> <ol type="1"> <li> Auwal Yusuf</li> <li> Ibrahim Sani</li> <li> Maryam Fahad</li> <li> Bashir Buhari</li> </ol> </body> </html> Or for letters <!DOCTYPE> <html> <head><title></title> </head> <body> <ol type="A"> <li> Auwal Yusuf</li> <li> Ibrahim Sani</li> <li> Maryam Fahad</li> <li> Bashir Buhari</li> </ol> </body>...

HTML BACKGROUNDS

Image
  HTML BACKGROUNDS Backgrounds The <body> tag has two attributes where you can specify backgrounds. The background can be a color or an image. Bgcolor The bgcolor attribute specifies a background-color for an HTML page. The value of this attribute can be a hexadecimal number, an RGB value, or a color name: <body bgcolor="#111111"> <body bgcolor="rgb(1,2,3)"> <body bgcolor="red"> Background The background attribute specifies a background-image for an HTML page. The value of this attribute is the URL of the image you want to use. If the image is smaller than the browser window, the image will repeat itself until it fills the entire browser window. <body background=”umyu.png”> For the background image you have to specify the folder of the image in your computer or you will save it the same place with your html file for example: If you create the folder of your pictures at the same place of your html file you can only use: ...

HOW TO ADD IMAGE AND GIVE IT A SIZE IN A WEBSITE

Image
 HOW TO ADD IMAGE AND GIVE IT A SIZE IN A WEBSITE. First you have to locate where you save your image and copy the name of the picture and its properties.  and then come into the body of your webpage for example: <!DOCTYPE> <html> <head><title></title> </head> <body> here is where you will enter the code of your image <img src="pictures/uli.png" weight="400" height="500" border-radius="10px">my image</img> </body> </html> the code that is up is the code of image in a webpage but without indicating the name of the picture. The pictures i put is the folder the the image is and advisably when you are coding html you have to be  creating folders separately for images, videos, css, and you have to save your html as index so that it will be easier for you host your website. the blue text inside the html code is the code of image the sizes and you can put it a shape by putting border radi...

HTML HEADINGS

Image
 There are six html headings which are as follows in the html format. <!DOCTYPE> <html> <head> <title>my heading</title> </head> <body> <h1>this is my first heading</h1> <h2>this is my second heading</h2> <h3>this is my third heading</h3> <h4>this is my fourth heading</h4> <h5>this is my fifth heading</h5> <h6>this is my sixth heading</h6> </body> </html> the following codes is the headings which starts from heading one to six which h1 is bigger than h2, h2 is bigger than h3, h3 is bigger than h4, h4 is bigger than h5 and h5 is bigger than h6 which is the smallest heading in html. The picture above is the html headings example in a text editor That is run example of html heading in a web browser

PROCESS OF WEB DESIGN: (HTML, CSS AND JAVA SCRIFT)

 There are series of steps that the web designer follows to create a perfect website. which are as follows: 1. Planning:      B efore you get an idea of creating website you have to first plan what to host in your site and how your site will looks like. 2. Content Building:     After you create a plan on how your site will looks like, you have to build the content of the website that will attract people to visit your web site. But you have to know what your content will be leading to. 3. Designing:      Here is where you will design your website. This is the worst step, but if you completed the design and content building, this section is the most finniest, and most likely the most profitable. 4. Development:      After you have finished with all the above processes, you will turn into XHTML/CSS/PHP/MYSQL and anything else your website needs. Developing or development refers to the technical side of the web design that is the c...

HOW HTML WORKS IN A WEB BROWSER

Based on Standard generalized Mark up language (SGML), Html concepts makes the use of Tags. These Tags can also be called mark up that alerts the browser that the document contains hyper text so it will render it as Html document

HTML TAG, AND ATTRIBUTE

Image
 Html tag is an item that represents web document and display it as a content using web browser. example: <body> All these things that i highlighted is a typical example of Html Tag HTML ATTRIBUTE Html attribute is a html content that is used to give a command to a particular item . for Example: <img src="picture/uliey.png"> that is the item inside the quotation mark is a typical example of attribute  the item i highlighted is an example of Attribute in Web design.

HTML Skeleton and the Output

Image
OUTPUT  

HTML Nav

Image