Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / NewStats: 3,165,299 members, 7,860,732 topics. Date: Friday, 14 June 2024 at 03:08 PM |
Nairaland Forum / Science/Technology / Programming / Learn How To Program For Free (1939 Views)
How To Program Outseal Arduino PLC / First Thing First, Learn To Program! / Solutions To Java How To Program By Deitel, 9th Edition (2) (3) (4)
(1) (2) (3) (4) (Reply) (Go Down)
Re: Learn How To Program For Free by yusufmurry: 7:15am On Aug 20, 2023 |
adonainana: Ok |
Re: Learn How To Program For Free by OutsideInn: 10:06am On Aug 20, 2023 |
adonainana: Tools, technology are cool but have u tried C language please Watch this 5 videos to give an introduction into shell https://www.youtube.com/watch?v=6vopsXiIMq8 https://www.youtube.com/watch?v=aN9ck7B6wsE https://www.youtube.com/watch?v=nggjl_VABw8 https://www.youtube.com/watch?v=yAu5b8va8aQ https://www.youtube.com/watch?v=_2Kt8aLpXO4 |
Re: Learn How To Program For Free by yusufmurry: 4:48am On Aug 24, 2023 |
adonainana: I have downloaded the MVS successful |
Re: Learn How To Program For Free by yusufmurry: 4:53am On Aug 24, 2023 |
adonainana:Please can you explain each of the code lines in the attached copy of a typical HTML? Thanks and following |
Re: Learn How To Program For Free by adonainana: 5:38am On Aug 24, 2023 |
yusufmurry: Reply to the particular post on the thread and I will explain what each line of code tells the computer to do. I’m about to start the next topic on the same thread which is how to use html code to Create tables of rows and columns and how to design them with colours and fonts. so stay tuned 1 Like |
Re: Learn How To Program For Free by adonainana: 5:46am On Aug 24, 2023 |
yusufmurry: MVS is a powerful text editor, it can even predict what programming language you are open to start coding in from easy ones such as html and advanced ones like python or c++ Also if you make a mistake in your line of coding MVS has a way of letting you know via a red text on the code so you may correct it yourself or get an idea something isn’t right This is why Microsoft visual studio is the most popular code text editor Finally once you have copied and pasted your code into MVS or typed it . Save it and to run it to see if the code works right click on the tab of the file and click copy the path directory and go to your google browser and paste it Viola you will see what your code as become and direct on the browser page 1 Like
|
Re: Learn How To Program For Free by konkonbilo(m): 11:38am On Aug 24, 2023 |
Hey bro, you've just got a new student. though i just started reading your thread and have got a paper, pen and a laptop.thanks! Is there a way i can reach you, i'd like to ask some question or rather seek an advice from you about IT |
Re: Learn How To Program For Free by konkonbilo(m): 11:49am On Aug 24, 2023 |
adonainana:please it can't open on my mac becos windows microsoft app can't be supported by mac. how do i do now or how do i open for it for mac |
Re: Learn How To Program For Free by adonainana: 11:50am On Aug 24, 2023 |
konkonbilo: Check the version you downloaded was it the Mac version or the windows version |
Re: Learn How To Program For Free by konkonbilo(m): 3:37pm On Aug 24, 2023 |
Bros,i'd be happy if you can just send me your email address so i can message or reach you |
Re: Learn How To Program For Free by Adekunleoladepo(m): 4:40pm On Aug 25, 2023 |
Hello, I'm new here. Pls can html be used with another language? |
Re: Learn How To Program For Free by adonainana: 4:42pm On Aug 25, 2023 |
konkonbilo: Samuel.akinola@rocketmail.com |
Re: Learn How To Program For Free by adonainana: 4:46pm On Aug 25, 2023 |
Adekunleoladepo: Hmm yes and no, html is the most basic programming language used for web development . There is another more advanced language called JavaScript The problem is you cant learn javascript without learning the basics of html So your answer is yes and no based on the above But generally if you want to begin the long journey into computer programs Html is the easiest and the safest bet because just learning it and a bit of JavaScript you will become a full stack developer and you can make money though that without stressing yourself. You can build any website in this world with just javascript Brit Netflix, Instagram whatever however complex the the website looks. So JavaScript is too much a safe bet and since you need some knowledge html to understand it you must start from the basics Then later if you feel you can go for more advanced programming languages 2 Likes |
Re: Learn How To Program For Free by adonainana: 4:50pm On Aug 25, 2023 |
konkonbilo: My email is Samuel.akinola@rocketmail.com |
Re: Learn How To Program For Free by Adekunleoladepo(m): 4:50pm On Aug 25, 2023 |
adonainana:thanks |
Re: Learn How To Program For Free by adonainana: 1:46am On Aug 27, 2023 |
Guys we are back Today topic is how to create TABLES with HTML TABLES OF ROWS AND COLUMNS CAN BE DESIGNED WITH HTML So please get ready with your text editor, notepad or Microsoft Visual editor Type this into your editor and click save and run the code <!DOCTYPE html> <html> <style> table, th, td { border:1px solid black; } </style> <body> <h2>A basic HTML table</h2> <table style="width:100%"> <tr> <th>Company</th> <th>Contact</th> <th>Country</th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Maria Anders</td> <td>Germany</td> </tr> <tr> <td>Centro comercial Moctezuma</td> <td>Francisco Chang</td> <td>Mexico</td> </tr> </table> <p>To understand the example better, we have added borders to the table.</p> </body> </html> Save and run the code what do you see
|
Re: Learn How To Program For Free by adonainana: 2:09am On Aug 27, 2023 |
In the above post this is what the code means <!DOCTYPE html> ( This tells the computer the programming language you want to start coding in ) <html> ( This tells the computer the beginning of where the html is about to begin ) <style> ( This tells the computer the beginning of the style and appearance of how you want the web page to be ) table, th, td { border:1px solid black; (This tells the computer you want to create a table, th means table header, whilst td means table data to input ) } </style> ( This is the closing tag of the style element, for every opened tag there must be a corresponding closed tag for your whole code to work ) <body> ( This tells the computer you are now about to start coding the BODY section of the webpage ) <h2>A basic HTML table</h2> ( This tells the Computer you want HEADING with the words "A basic HTML table " <table style="width:100%"> ( This tells the computer you want the width of the table you want to create to be 100 percent wide) <tr> ( This tells the computer to create a table row, L rows are horizonatal whilst columns are vertical ) <th>Company</th> ( This tells the computer after creating the 1st row above, you want a th which mean table header Company <th>Contact</th> ( This tells the computer you also want another table header with the words "contact" <th>Country</th> (This tells the computer you also want a 3rd table header with the words "Country " </tr> (This is a table row closed tag which means you are done with the first row of information ) <tr> ( This tag tells the computer to create another row for you in the next line in the table you want to create) <td>Alfreds Futterkiste</td> ( This tag tells the computer it should use the words alfreds .... as the first data in the new created row ) <td>Maria Anders</td> ( This tag also tells the computer to use the maria..as the second name as data in the row created ) <td>Germany</td> ( This tag also tells the computer the same thing as above ) </tr> ( Thiis a table row closed tag, it tells the computer you are done with coding the table row in question you opened a tag fo ) <tr> ( For the 3rd time, you are telling the computer again you want another row of information TR means table row) <td>Centro comercial Moctezuma</td> ( You want centro...to be the first information on the 3rd row, TD means table data ) <td>Francisco Chang</td> ( You are telling the computer you want Francisco to be the data in the new row created ) <td>Mexico</td> ( You are telling the computer you want the words mexico to be the final data in the new row created ) </tr> ( This is a closed TR tag, TR means table row it means that you are done coding the table row in question ) </table> ( This tells the computer you are done coding the mathematical table of rows and columns ) <p>To understand the example better, we have added borders to the table.</p> ( This tells the computer to simply create a new paragraph with the following information "to understand......" </body> ( This is a closed body tag, it means you are done with the body section of the webpage) </html> ( This is a closed html tag, it means you are done coding for the day and you want the computer to execute the code without any other addition after this line, ( if you mistakenly put any code after a closed html code, it wont work because you have already told the computer that you are done coding for the day, so the computer might think maybe you dey whine am ni and ignore it ) |
Re: Learn How To Program For Free by adonainana: 2:23am On Aug 27, 2023 |
HTML BORDER AND COLOURS YOU can use HTML code to add border line and back ground colours to your table of rows and columns however you wish For instance type this code into your editor and save and copy and run the code <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid white; border-collapse: collapse; } th, td { background-color: #96D4D4; } </style> </head> <body> <h2>Table With Invisible Borders</h2> <p>Style the table with white borders and a background color of the cells to make the impression of invisible borders.</p> <table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table> </body> </html> |
Re: Learn How To Program For Free by adonainana: 2:29am On Aug 27, 2023 |
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid white; border-collapse: collapse; } th, td { background-color: #96D4D4; ( This tells the computer you want the background of the table you are creating to be sky blue, #96D4D4 is a html colour code ) } </style> </head> <body> <h2>Table With Invisible Borders</h2> <p>Style the table with white borders and a background color of the cells to make the impression of invisible borders.</p> <table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table> </body> </html>
|
Re: Learn How To Program For Free by adonainana: 2:38am On Aug 27, 2023 |
HTML LISTS LISTS IN HTML allow web developers to create navigation bars, menu bars Its simply a series of code that would generate a list of items for you full stop. There are two types of lists 1. An unordered HTML list: ( with the <ul> tag ) 2. An ordered list ( with the <ol> tag The difference between the <ul> and the <ol> tag above is that An ordered list would show ur lists using bullet points are numbering Whilst an ordered list would use numbers instead of buller point as numbering For example copy this code into your editor and run it what do you see <!DOCTYPE html> <html> <body> <h2>An unordered HTML list</h2> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html> |
Re: Learn How To Program For Free by adonainana: 2:39am On Aug 27, 2023 |
The code in the last post would simply generate the following An unordered HTML list *Coffee *Tea *Milk |
Re: Learn How To Program For Free by adonainana: 2:41am On Aug 27, 2023 |
RUN THIS CODE TOO IN THE EDITOR WHAT DO YOU SEE <!DOCTYPE html> <html> <body> <h2>An ordered HTML list</h2> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </body> </html> |
Re: Learn How To Program For Free by adonainana: 2:42am On Aug 27, 2023 |
<!DOCTYPE html> <html> <body> <h2>An ordered HTML list</h2> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </body> </html> The above code would simply generate the following in your browser An ordered HTML list 1.Coffee 2.Tea 3.Milk |
Re: Learn How To Program For Free by adonainana: 2:43am On Aug 27, 2023 |
In summary the only different between an unordered list <ul> tag and an ordered list <ol> tag is that one former would list out your items using bullet points whilst the latter would list out your items using numerical numbers FULL STOPPPPPPPP |
Re: Learn How To Program For Free by adonainana: 2:54am On Aug 27, 2023 |
HOW TO CREATE NAVIGATION BARS FOR A WEBSITE USING HTML LISTS Study the picture attached to this post, does it look nice If yes we are about to create a Menu bar COPY THE FOLLOWING CODE INTO YOUR TEXT EDITOR ( PLEASE DONT TYPE IT COPY AND PASTE IT INSTEAD ) <!DOCTYPE html> <html> <head> <style> ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333333; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 16px; text-decoration: none; } li a:hover { background-color: #111111; } </style> </head> <body> <h2>Navigation Menu</h2> <p>In this example, we use CSS to style the list horizontally, to create a navigation menu:</p> <ul> <li><a href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> </body> </html> 1 Like
|
Re: Learn How To Program For Free by adonainana: 3:29am On Aug 27, 2023 |
I will now explain what this code means <!DOCTYPE html> ( Normal normal you want to tell the computer which language you are coding in ) <html> ..........(this is an opening html tag tells the computer you have started coding ) <head>........( this is an opening head section tag > <style>.....( this is an opening style tag , im using it to style how my navigation bar would look like in advance ) ( in other words its an internal CSS styling, scroll up to the thread and see types of styling , internal styling, inline styling and external styling) ul { ...........( ul means an unordered list ,this tells the computer that you want to create an unordered list ) list-style-type: none;.....( However because the code is under the< style opening tag, its simply telling the computer how you want the unordered items in list to look before hand, list style type none means you dont want a bullet point list. ) margin: 0; ( this line of code means you want the magin for the unordered list to be 0 ) padding: 0..........( this tells the computer you dont want any padding in the list we are creating) overflow: hidden; background-color: #333333; ( this tells the computer the colour of the background of the list you are working on ) } li { ( This line of code tells the computer that the first item on the list ( li means list) should float to the left float: left; } li a { ( this lines of code simply means you want the font of the list to be white, centrally aligned, and with no text decoration) display: block; color: white; text-align: center; padding: 16px; text-decoration: none; } li a:hover { ( This is an advanced css line of code which means you want the list to be in a way that the mouse can hover over them and they change colours when the user moves his mouse over them ) background-color: #111111; } </style> ( THIS TELLS THE COMPUTER that you are done with your styling by closing it with a closed </style tag> </head> ( This is also important it tells the computer that the styling done above should only APPLY TO THE HEAD SECTION OF THE WEBSITE ) <body> ( This tells the computer to begin work on the body section of the webpage ) <h2>Navigation Menu</h2> ( This tells the computer you want the words Navigation menu as the first heading on the body of the webpage <h2> <p>In this example, we use CSS to style the list horizontally, to create a navigation menu:</p> ( This just tells the computer you want to write on a new paragraph <p> means paragraph <ul> ( ul means unordered list ,this is telling the computer that the following list below are the content of the so called list we are using to create the Navigation bar <li><a href="#home">Home</a></li> ( This is telling the computer to create the HOME button menu) <li><a href="#news">News</a></li> ( This is also telling the computer next is a News <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> ( This is telling the computer you have come to the end of the unordered list and therefore you have closed the </u> tag </body> ( this also tells the computer you have come to the end of the body section of the webpage and you have closed it as required </html>( this tells the computer you have come to the end of the html document and closed the html tag so the computer can now run your code for you ONCE YOU RUN THE CODE YOU WILL GET THE BEAUTIFUL NAVIGATION BAR attached to this post NICE RIGHT 1 Like
|
Re: Learn How To Program For Free by Adekunleoladepo(m): 10:29pm On Sep 14, 2023 |
HELLO We are still here |
Re: Learn How To Program For Free by Chikemn: 12:23pm On Mar 01 |
More of the lectures Sir. adonainana: |
Re: Learn How To Program For Free by akaahs(m): 10:30am On Mar 06 |
adonainana:Im interested and have all the requirements |
Re: Learn How To Program For Free by adonainana: 4:11am On Mar 07 |
Guys we back I cant believe its been almost 6 months already Life has happened to me I almost forgot about this thread I have had countless javascript website and projects I have been working on But anyway for the love of nature I will continue with this thread If you are seeing this post for the first time, please go back to page one and catch up on what we have done so far IF YOU WANT TO JOIN MY FREE WHATSAPP GROUP OF STUDENTS WHO WANT TO LEARN COMPUTER PROGRAMMING FOR FREE SEND ME A WHATSAPP MESSAGE ON +234 912 432 54 79 |
Re: Learn How To Program For Free by adonainana: 4:12am On Mar 07 |
The next topic is HTML Block and Inline Elements |
Keeping Only The Jbuttons In A Selected Row Active In A 2d Array / Hey Guys, I Need Your Opinion On This App Esp. Lordzouga And Dhtml / Share Your Code Snippet
(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. 112 |