Eesyy's Posts
Nairaland Forum › Eesyy's Profile › Eesyy's Posts
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 (of 16 pages)
 Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 1:19pm On Sep 07, 2020 |
*HTML – FRAMES AND IFRAMES 2* _self: Loads the page into the current frame. _blank: Loads a page into a new browser window opening a new window. _parent: Loads the page into the parent window, which in the case of a single frameset is the main browser window. _top: Loads the page into the browser window, replacing any current frames. targetframe: Loads the page into a named targetframe. You can define an inline frame with HTML tag <iframe>. The <iframe> tag is not somehow related to <frameset> tag, instead, it can appear anywhere in your document. The <iframe> tag defines a rectangular region within the document in which the browser can display a separate document, including scrollbars and borders. The src attribute is used to specify the URL of the document that occupies the inline frame. Example: Following is the example to show how to use the <iframe>: <!DOCTYPE html> <html> <head> <title>HTML Iframes</title> </head> <body> <p>Document content goes here...</p> <iframe src="table.html" width="555" height="200"> Sorry your browser does not support inline frames. </iframe> <p>Document content also go here...</p> </body> </html> Make sure there is an html document with the name table.html in the same directory/folder as this html document you are working on. Check the below uploaded picture. The <Iframe> Tag Attributes Most of the attributes of the <iframe> tag, including name, class, frameborder, id, longdesc, marginheight, marginwidth, name, scrolling, style, and title behave exactly like the corresponding attributes for the <frame> tag. Powered by Programmers Community... 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 1:17pm On Sep 07, 2020 |
*HTML – FRAMES AND IFRAMES 1* HTML frames are used to divide your browser window into multiple sections where each section can load a separate HTML document. A collection of frames in the browser window is known as a frameset. The window is divided into frames in a similar way the tables are organized: into rows and columns. *Disadvantages of Frames* There are few drawbacks with using frames, so it's never recommended to use frames in your webpages: 1) Some smaller devices cannot cope with frames often because their screen is not big enough to be divided up. 2) Sometimes your page will be displayed differently on different computers due to different screen resolution. 3) The browser's back button might not work as the user hopes. 4) There are still few browsers that do not support frame technology. *Creating Frames* To use frames on a page we use <frameset> tag instead of <body> tag. The <frameset> tag defines, how to divide the window into frames. The rows attribute of <frameset> tag defines horizontal frames and cols attribute defines vertical frames. Each frame is indicated by <frame> tag and it defines which HTML document shall open into the frame. Example: Following is the example to create three horizontal frames: <!DOCTYPE html> <html> <head> <title>HTML Frames</title> </head> <frameset rows="10%,80%,10%"> <frame name="top" src="top_frame.html" /> <frame name="main" src="main_frame.html" /> <frame name="bottom" src="bottom_frame.html" /> <noframes> <body> Your browser does not support frames. </body> </noframes> </frameset> </html> Powered by Programmers Community... 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 1:06pm On Sep 07, 2020 |
Hello all, a good day to you guys. I hope you have been doing some designing on your computer or phone as the case may be. Progress comes with practice guys ... Practice! |
| Christianity Etc › Re: Morning Chop - RHAPSODY OF REALITIES CHRISTIAN DIARY by eesyy(op): 6:10am On Sep 07, 2020 |
RHAPSODY OF REALITIES DAILY DEVOTIONAL MONDAY 7TH SEPTEMBER 2020 PST. CHRIS THE RAPTURE IS CLOSER THAN EVER Then we which are alive and remain shall be caught up together with them in the clouds, to meet the Lord in the air: and so shall we ever be with the Lord (1 THESSALONIANS 4:17) By the Spirit, the Apostle Paul got the revelation of the rapture of the Church and said, “Behold, I shew you a mystery…” (1 Corinthians 15:51). This is why many don’t understand the Rapture; it’s a mystery; divine revelation. He said, “...We shall not all sleep, but we shall all be changed, In a moment, in the twinkling of an eye, at the last trump: for the trumpet shall sound, and the dead shall be raised incorruptible, and we shall be changed” (1 Corinthians 15:51-52). The underlined portion shows how fast the Rapture will happen; it’ll be so fast there’d be no time for those who weren’t prepared, because it’s something for which you should have been prepared all your life. In our theme verse, we find an expression that’s synonymous with the term, “Rapture”; it’s the phrase, “caught up” which is from the Greek word, “harpazo.” ̄ It means to seize, catch (away, up), pluck, pull, take by force. At the Rapture, it makes no difference where you are, the power of God will snatch you away from this world. Christians who had died will be resurrected, and together with them, we’ll be caught up in the clouds to meet the Lord. What a day that will be! When is this going to take place? It’s closer than ever; it’s going to be anytime soon. Your responsibility is to be prepared by living your life for the Lord, every day. Keep walking in love, and your faith activated to be caught up to be with the Lord at His appearing. The Bible says He’s coming for a Church without spot, wrinkle, blemish or any such thing (Ephesians 5:27). Live every day, every moment of your life in His righteousness, producing works and fruits of righteousness. CONFESSION The Lord Jesus is coming for a Church without spot, wrinkle, blemish or any such thing, and I’m ready. My faith is activated to be caught up to be with the Lord forever! And while in expectation of this glorious “catching away,” my life and passions are about His Kingdom and its expansion; through me, many more are being enlisted for the Rapture, in Jesus’ Name. Amen. FURTHER STUDY 1 Thessalonians 4:16-17 For the Lord himself will come down from heaven with a commanding shout, with the call of the archangel, and with the trumpet call of God. First, all the Christians who have died will rise from their graves. 17 Then, together with them, we who are still alive and remain on the earth will be caught up in the clouds to meet the Lord in the air and remain with him forever. 1 John 2:28 And now, dear children, continue to live in fellowship with Christ so that when he returns, you will be full of courage and not shrink back from him in shame. Matthew 24:27 For as the lightning lights up the entire sky, so it will be when the Son of Man comes. 1 YEAR BIBLE READING PLAN 2 Corinthians 6:3-7:1 & Proverbs 20-21 2 YEAR BIBLE READING PLAN 2 Thessalonians 1:1-12 & Jeremiah 25 #MONTH OF WISDOM *Stay blessed* 1 Share
|
| Christianity Etc › Re: Morning Chop - RHAPSODY OF REALITIES CHRISTIAN DIARY by eesyy(op): 12:03am On Sep 06, 2020 |
RHAPSODY OF REALITIES DAILY DEVOTIONAL SUNDAY 6TH SEPTEMBER 2020 PST. CHRIS *THE CHURCH IS GOD'S TREASURE* "And I say also unto thee, That thou art Peter, and upon this rock I will build my church; and the gates of hell shall not prevail against it (Matthew 16:18)" In Matthew 13:44, Jesus said, “Again, the kingdom of heaven is like unto treasure hid in a field; the which when a man hath found, he hideth, and for joy thereof goeth and selleth all that he hath, and buyeth that field.” Jesus bought the whole field because of the treasure in the field. The treasure is the Church, and the field is the world. Jesus bought the whole world with the price of His own blood, because of the Church; He gave everything. This tells us what Satan wants. When he creates or inspires crises in the world, his eyes are on God’s children, the Church. His end game is always to go after the Church of Jesus Christ. He’s completely averse to God’s people serving and worshipping God freely. But he’s a failure. Why is Satan so much against the Church? It’s because the Church—you and I—have what Satan lusted for from the very beginning. He had said, “…I will be like the most High” (Isaiah 14:14), but he couldn’t. Rather, he was kicked out of heaven. Then he found out the Church, which Jesus created, would share God’s Name, share God’s throne—His seat—with Him! Today, we’re one with God by virtue of Christ’s love. Jesus said, I will build my Church, and the gates of hell shall not prevail against it. That’s a truth that can’t be broken. Hallelujah! There’s no force in the universe that can stand against the Church. Don’t see the Church as a mere organization; it’s the sacred body of Jesus Christ—His pearl of great price. *CONFESSION* The Church of Jesus Christ is making impact with great glory, greater ability and unstoppable influence. We’re giving no place to Satan, because greater is He that’s in us than he that’s in the world. And Christians around the world are on the alert to continually neutralise all of Satan’s strategems and manoeuvres against the Church, in Jesus’ Name. Amen. *FURTHER STUDY* Exodus 19:5 KJV: Now therefore, if ye will obey my voice indeed, and keep my covenant, then ye shall be a peculiar treasure unto me above all people: for all the earth is mine: Titus 2:14 KJV: Who gave himself for us, that he might redeem us from all iniquity, and purify unto himself a peculiar people, zealous of good works. 1 Peter 2:9 AMP: But you are a chosen race, a royal priesthood, a dedicated nation, [God’s] own purchased, special people, that you may set forth the wonderful deeds and display the virtues and perfections of Him Who called you out of darkness into His marvelous light. *1 YEAR BIBLE READING PLAN* 2 Corinthians 5:1-6:1-2 & Proverbs 18-19 *2 YEAR BIBLE READING PLAN* 1 Thessalonians 5:12-28 & Jeremiah 24 *Stay blessed* 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 2:44pm On Sep 05, 2020 |
*HTML –LINKS 2* *Linking to a Page Section* You can create a link to a particular section of a given webpage by using id attribute. This is a two-step process. First, id the section you want to go to when the link is clicked: <h1 id="news"> ... </h1> Second, create a link to the place where you want to reach within a webpage and id it using <a...> tag as follows: <a href="#news"> Click to scroll to news </a> On click of this link, the browser scrolls to the section of the page where that element with the news id is located on that same page. What if you intend to visit a particular section on a different page? Simple as well! For example the section in question is: <h2 id="notes"> ... </h2> and exists on an html page named blog.html on the same directory (i.e folder) as the h file you are working on, which carries your link text. Just do this on the link: <p> <a href="blog.html#notes"> Click to see notes </a> </p> This type of linking is referred to as BOOKMARKS. *Download Links* You can create text link to make your PDF, or DOC or ZIP files downloadable. This is very simple; you just need to give complete URL (web address) of the downloadable file as follows: <!DOCTYPE html> <html> <head> <title>Hyperlink Example</title> </head> <a href="http://www.gigabyteresources.com/files/page.pdf">Download PDF File</a> </body> </html> The URL above shows that the file to be downloaded on click of the link DOWNLOAD PDF FILE, is named page.pdf and located in a folder called files. That folder is on the same folder/directory as the file you are working on. *HTML – IMAGE LINKS* It is a cute practice among programmers to use image as links to and bookmarks even. The method is no much different from the usual. It's simple to use an image as hyperlink. We just need to use an image inside hyperlink at the place of text as shown below: <!DOCTYPE html> <html> <head> <title>Image Hyperlink Example</title> </head> <body> <p>Click following link</p> <a href="http://www.gigabyteresources.com" target="_self"> <img src="/images/logo.png" alt="Tutorials Point" border="0"/> </a> </body> </html> *HTML Email Tag* It is not difficult to put an HTML email link on your webpage but it can cause unnecessary spamming problem for your email account. There are people, who can run programs to harvest these types of emails and later use them for spamming in various ways. You can have another option to facilitate people to send you emails. One option could be to use HTML forms to collect user data and then use PHP or CGI script to send an email. HTML <a> tag provides you option to specify an email address to send an email. While using <a> tag as an email tag, you will use mailto: email address along with href attribute. Following is the syntax of using mailto instead of using http. <a href=”mailto: abc@example.com”>Send Email</a> Now, if a user clicks this link, it launches one Email Client (like Lotus Notes, Outlook Express etc.) installed on your user's computer. There is another risk to use this option to send email because if user do not have email client installed on their computer then it would not be possible to send email. *Default Settings* You can specify a default email subject and email body along with your email address. Following is the example to use default subject and body. <a href=”mailto:abc@example.com?subjectFeedback&body=Message”> Send Feedback </a> Powered by Programmers Community... 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 2:36pm On Sep 05, 2020 |
*HTML –LINKS 2* *Linking to a Page Section* You can create a link to a particular section of a given webpage by using id attribute. This is a two-step process. First, id the section you want to go to when the link is clicked: <h1 id="news"> ... </h1> Second, create a link to the place where you want to reach within a webpage and id it using <a...> tag as follows: <a href="#news"> Click to scroll to news </a> On click of this link, the browser scrolls to the section of the page where that element with the news id is located on that same page. What if you intend to visit a particular section on a different page? Simple as well! For example the section in question is: <h2 id="notes"> ... </h2> and exists on an html page named blog.html on the same directory (i.e folder) as the h file you are working on, which carries your link text. Just do this on the link: <p> <a href="blog.html#notes"> Click to see notes </a> </p> This type of linking is referred to as BOOKMARKS. *Download Links* You can create text link to make your PDF, or DOC or ZIP files downloadable. This is very simple; you just need to give complete URL (web address) of the downloadable file as follows: <!DOCTYPE html> <html> <head> <title>Hyperlink Example</title> </head> <a href="http://www.gigabyteresources.com/files/page.pdf">Download PDF File</a> </body> </html> The URL above shows that the file to be downloaded on click of the link DOWNLOAD PDF FILE, is named page.pdf and located in a folder called files. That folder is on the same folder/directory as the file you are working on. *HTML – IMAGE LINKS* It is a cute practice among programmers to use image as links to and bookmarks even. The method is no much different from the usual. It's simple to use an image as hyperlink. We just need to use an image inside hyperlink at the place of text as shown below: <!DOCTYPE html> <html> <head> <title>Image Hyperlink Example</title> </head> <body> <p>Click following link</p> <a href="http://www.gigabyteresources.com" target="_self"> <img src="/images/logo.png" alt="Tutorials Point" border="0"/> </a> </body> </html> *HTML Email Tag* It is not difficult to put an HTML email link on your webpage but it can cause unnecessary spamming problem for your email account. There are people, who can run programs to harvest these types of emails and later use them for spamming in various ways. You can have another option to facilitate people to send you emails. One option could be to use HTML forms to collect user data and then use PHP or CGI script to send an email. HTML <a> tag provides you option to specify an email address to send an email. While using <a> tag as an email tag, you will use mailto: email address along with href attribute. Following is the syntax of using mailto instead of using http. <a href=”mailto: abc@example.com”>Send Email</a> Now, if a user clicks this link, it launches one Email Client (like Lotus Notes, Outlook Express etc.) installed on your user's computer. There is another risk to use this option to send email because if user do not have email client installed on their computer then it would not be possible to send email. *Default Settings* You can specify a default email subject and email body along with your email address. Following is the example to use default subject and body. <a href=”mailto:abc@example.com?subjectFeedback&body=Message”> Send Feedback </a> Powered by Programmers Community... 1 Share
|
| Christianity Etc › Re: Morning Chop - RHAPSODY OF REALITIES CHRISTIAN DIARY by eesyy(op): 12:45pm On Sep 05, 2020 |
RHAPSODY OF REALITIES DAILY DEVOTIONAL SATURDAY 5TH SEPTEMBER 2020 PST. CHRIS STAY TRUE TO THE GOSPEL We are troubled on every side, yet not distressed; we are perplexed, but not in despair (2 Corinthians 4:  . The Christianity that we have today didn’t come to us on a platter of gold. If you read about Christian martyrs, you’d find that many were killed, beheaded, for their testimony of Christ. On one occasion, over six thousand men were slaughtered for their faith in Jesus Christ, and they were soldiers. They believed the Gospel with all their hearts, and nothing was going to stop them from transferring to the next generation the same faith that they had received. All the years that you’ve probably had liberty to worship the Lord, to praise Him in the church, attend crusades and participate in life-transforming meetings, that liberty came through the deep struggle, prayers, sweat, tears, blood, faith, determination and passion of other men and women who staked their lives on the Gospel. They weren’t only persecuted, many were buried alive. Some were sawn in two; violently killed, for their faith in Jesus Christ. Persecution of Christians is still happening in several countries today. Some countries have concentration camps where Christians are subjected to harsh and heinous treatments for their faith in Jesus. A very recent report officially shows that Christians are the most persecuted group in the world. I’m bringing this to you so you understand that the faith of Jesus Christ that we have, the message of Christ that we’ve believed, is worth everything. In spite of the persecution, those before us maintained their faith and stayed true to the Gospel. It should and must be the same in our day. No matter what’s happening in your city or nation, stay true to Christ. Don’t vacillate. As read in our theme verse, we don’t give up; we don’t quit. Preach the Word in and out of season. Nothing should be terrifying or intimidating enough to keep you quiet, for greater is He that’s in you than all the adversaries and adversities in the world. Hallelujah! CONFESSION Irrespective of the tribulation, distress, persecution or peril in this world, I’m more than a conqueror through Him that loved me—Christ Jesus, my Lord! I’m persuaded that neither death, nor life, nor angels, nor principalities, nor powers, nor anything, shall separate me from the love of God, which is in Christ Jesus. I remain steadfast, unmoveable, always abounding in the work of spreading the Gospel to the ends of the earth. Amen.* FURTHER STUDY Romans 8:35-39 Who shall separate us from the love of Christ? shall tribulation, or distress, or persecution, or famine, or unclothedness, or peril, or sword? 36 As it is written, For thy sake we are killed all the day long; we are accounted as sheep for the slaughter. 37 Nay, in all these things we are more than conquerors through him that loved us. 38 For I am persuaded, that neither death, nor life, nor angels, nor principalities, nor powers, nor things present, nor things to come, 39 Nor height, nor depth, nor any other creature, shall be able to separate us from the love of God, which is in Christ Jesus our Lord. 1 Thessalonians 3:7-8 NLT So we have been greatly comforted, dear brothers and sisters, in all of our own crushing troubles and suffering, because you have remained strong in your faith. 8 It gives us new life, knowing you remain strong in the Lord. _We trust you have been blessed by this devotional. We invite you to make Jesus Christ the Lord of your life by praying thus:_ *_“O Lord God, I believe with all my heart in Jesus Christ, Son of the living God. I believe He died for me and God raised Him from the dead. I believe He’s alive today. I confess with my mouth that Jesus Christ is the Lord of my life from this day. Through Him and in His Name, I have eternal life; I’m born again. Thank you Lord, for saving my soul! I’m now a child of God. Hallelujah!”_* Let us know that you made that declaration by sending a mail to info@rhapsodyofrealities.org 1 YEAR BIBLE READING PLAN 2 Corinthians 3:7-4:1-18 & Proverbs 16-17 2 YEAR BIBLE READING PLAN 1 Thessalonians 5:1-11 & Jeremiah 23 *Stay blessed* 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 6:24am On Sep 05, 2020 |
*HTML –LINKS 1* *TEXT LINKS* A webpage can contain various links that take you directly to other pages and even specific parts of a given page. These links are known as hyperlinks. Hyperlinks allow visitors to navigate between Web sites by clicking on words, phrases, and images. Thus you can create hyperlinks using text or images available on a webpage. *Linking Documents* A link is specified using HTML tag <a>. This tag is called anchor tag and anything between the opening <a> tag and the closing </a> tag becomes part of the link and a user can click that part to reach to the linked document. *The target Attribute* We have used target attribute in our previous example. This attribute is used to specify the location where linked document is opened. Following are the possible options: _blank: Opens the linked document in a new window or tab. _self: Opens the linked document in the same frame. _parent: Opens the linked document in the parent frame. _top: Opens the linked document in the full body of the window. Targetframe: Opens the linked document in a named target frame. Example: Try following example to understand basic difference in few options given for target attribute. <!DOCTYPE html> <html> <head> <title>Hyperlink Example</title> </head> <body> <p>Click any of the following links</p> <a href="/html/index.html" target="_blank">Opens in New</a> | <a href="/html/index.html" target="_self">Opens in Self</a> | <a href="/html/index.html" target="_parent">Opens in Parent</a> | <a href="/html/index.html" target="_top">Opens in Body</a></body> </html> *Use of Base Path* When you link HTML documents related to the same website, it is not required to give a complete URL for every link. You can get rid of it if you use <base> tag in your HTML document header. This tag is used to give a base path for all the links. So your browser will concatenate given relative path to this base path and will make a complete URL. Powered by Programmers Community... 1 Like 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 6:19am On Sep 05, 2020 |
*HTML –LINKS 1* *TEXT LINKS* A webpage can contain various links that take you directly to other pages and even specific parts of a given page. These links are known as hyperlinks. Hyperlinks allow visitors to navigate between Web sites by clicking on words, phrases, and images. Thus you can create hyperlinks using text or images available on a webpage. *Linking Documents* A link is specified using HTML tag <a>. This tag is called anchor tag and anything between the opening <a> tag and the closing </a> tag becomes part of the link and a user can click that part to reach to the linked document. *The target Attribute* We have used target attribute in our previous example. This attribute is used to specify the location where linked document is opened. Following are the possible options: _blank: Opens the linked document in a new window or tab. _self: Opens the linked document in the same frame. _parent: Opens the linked document in the parent frame. _top: Opens the linked document in the full body of the window. Targetframe: Opens the linked document in a named target frame. Example: Try following example to understand basic difference in few options given for target attribute. <!DOCTYPE html> <html> <head> <title>Hyperlink Example</title> </head> <body> <p>Click any of the following links</p> <a href="/html/index.html" target="_blank">Opens in New</a> | <a href="/html/index.html" target="_self">Opens in Self</a> | <a href="/html/index.html" target="_parent">Opens in Parent</a> | <a href="/html/index.html" target="_top">Opens in Body</a></body> </html> *Use of Base Path* When you link HTML documents related to the same website, it is not required to give a complete URL for every link. You can get rid of it if you use <base> tag in your HTML document header. This tag is used to give a base path for all the links. So your browser will concatenate given relative path to this base path and will make a complete URL. Powered by Programmers Community... 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 4:08am On Sep 05, 2020 |
*HTML – LISTS* HTML offers web authors three ways for specifying lists of information. All lists must contain one or more list elements. Lists may be: <ul>- An unordered list. This will list items using plain bullets. <ol>- An ordered list. This will use different schemes of numbers or alphabets to list your items. <dl>- A definition list. This arranges your items in the same way as they are arranged in a dictionary. *HTML Unordered Lists* An unordered list is a collection of related items that have no special order or sequence. This list is created by using HTML <ul> tag. Each item in the list is marked with a bullet. *The type Attribute* You can use type attribute for <ul> tag to specify the type of bullet you like. By default, it is a disc. Following are the possible options: <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ul> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ul> <ul type="square"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ul> <ul type="disc"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ul> <ul type="circle"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ul> </body> </html> *HTML Ordered Lists* If you are required to put your items in a numbered list instead of bulleted, then HTML ordered list will be used. This list is created by using <ol>tag. The numbering starts at one and is incremented by one for each successive ordered list element tagged with <li>. *The type Attribute* You can use type attribute for <ol> tag to specify the type of numbering you like. By default, it is a number. Following are the possible options: <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ol> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> <ol type="1"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ol>type="I"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ol><ol type="i"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ol> <ol type="A"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ol> <ol type="a"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ol> </body> </html> *The start Attribute* You can use start attribute for <ol> tag to specify the starting point of numbering you need. Following are the possible options: <ol type="1" start="4"> - Numerals starts with 4. <ol type="I" start="4"> - Numerals starts with IV. <ol type="i" start="4"> - Numerals starts with iv. <ol type="a" start="4"> - Letters starts with d. <ol type="A" start="4"> - Letters starts with D. HTML Definition Lists HTML and XHTML supports a list style which is called definition lists where entries are listed like in a dictionary or encyclopedia. The definition list is the ideal way to present a glossary, list of terms, or other name/value list. Definition List makes use of following three tags. <dl> - Defines the start of the list. <dt> - A term. <dd> - Term definition. </dl> - Defines the end of the list. Example: <!DOCTYPE html> <html> <head> <title>HTML Definition List</title> </head> <body> <dl> Description List <dt><b>HTML</b></dt> <dd>This stands for Hyper Text Markup Language</dd> <dt><b>HTTP</b></dt> <dd>This stands for Hyper Text Transfer Protocol</dd> </dl> </body> </html> Powered by Programmers Community... 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 4:07am On Sep 05, 2020 |
*HTML – LISTS* HTML offers web authors three ways for specifying lists of information. All lists must contain one or more list elements. Lists may be: <ul>- An unordered list. This will list items using plain bullets. <ol>- An ordered list. This will use different schemes of numbers or alphabets to list your items. <dl>- A definition list. This arranges your items in the same way as they are arranged in a dictionary. *HTML Unordered Lists* An unordered list is a collection of related items that have no special order or sequence. This list is created by using HTML <ul> tag. Each item in the list is marked with a bullet. *The type Attribute* You can use type attribute for <ul> tag to specify the type of bullet you like. By default, it is a disc. Following are the possible options: <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ul> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ul> <ul type="square"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ul> <ul type="disc"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ul> <ul type="circle"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ul> </body> </html> *HTML Ordered Lists* If you are required to put your items in a numbered list instead of bulleted, then HTML ordered list will be used. This list is created by using <ol>tag. The numbering starts at one and is incremented by one for each successive ordered list element tagged with <li>. *The type Attribute* You can use type attribute for <ol> tag to specify the type of numbering you like. By default, it is a number. Following are the possible options: <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ol> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> <ol type="1"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ol>type="I"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ol><ol type="i"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ol> <ol type="A"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ol> <ol type="a"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> </ol> </body> </html> *The start Attribute* You can use start attribute for <ol> tag to specify the starting point of numbering you need. Following are the possible options: <ol type="1" start="4"> - Numerals starts with 4. <ol type="I" start="4"> - Numerals starts with IV. <ol type="i" start="4"> - Numerals starts with iv. <ol type="a" start="4"> - Letters starts with d. <ol type="A" start="4"> - Letters starts with D. HTML Definition Lists HTML and XHTML supports a list style which is called definition lists where entries are listed like in a dictionary or encyclopedia. The definition list is the ideal way to present a glossary, list of terms, or other name/value list. Definition List makes use of following three tags. <dl> - Defines the start of the list. <dt> - A term. <dd> - Term definition. </dl> - Defines the end of the list. Example: <!DOCTYPE html> <html> <head> <title>HTML Definition List</title> </head> <body> <dl> Description List <dt><b>HTML</b></dt> <dd>This stands for Hyper Text Markup Language</dd> <dt><b>HTTP</b></dt> <dd>This stands for Hyper Text Transfer Protocol</dd> </dl> </body> </html> Powered by Programmers Community... 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 2:18pm On Sep 04, 2020 |
*SOME NECESSARY POINTS BEFORE WE GO ON* *WEB DESIGN LANGUAGES USE AMERICAN ENGLISH* You would have noticed that the spellings of some words are not correct in our official British English Language, but they are very much correct in the American English Language. These languages were developed in American English.., so, the obvious, e.g color instead of colour *USE OF SPACE BAR AND TAB TO INDENT NESTED ELEMENTS* When you nest an element in another and you use multiple lines, you should create space between the start of the line and the nested element i.e. for indenting them e.g <table> <tr> <th> Month </th> <th> Year </th> </tr> <tr> <td> April </td> <td> September </td> </tr> </table> Should be like this instead: <table> <tr> <th> Month </th> <th> Year </th> </tr> <tr> <td> April </td> <td> September </td> </tr> </table> This is a better way to write code. It is neat, well-arranged & easily-formattable. Anyone can find stuff faster in this. If you are using a laptop, you can use tab key to create these indentations. <div> <h1> ... </h1> <p> ... </p> </div> <div> <p> <img src="..." alt="..." width="..." height="..."> <span> ... </span> </p> </div> *COUNTING STARTS FROM ZERO IN PROGRAMMING* Simple: 01234567... Not: 1234567... The first number programmers count from is zero - 0. Powered by Programmers Community... 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 2:17pm On Sep 04, 2020 |
*SOME NECESSARY POINTS BEFORE WE GO ON* *WEB DESIGN LANGUAGES USE AMERICAN ENGLISH* You would have noticed that the spellings of some words are not correct in our official British English Language, but they are very much correct in the American English Language. These languages were developed in American English.., so, the obvious, e.g color instead of colour *USE OF SPACE BAR AND TAB TO INDENT NESTED ELEMENTS* When you nest an element in another and you use multiple lines, you should create space between the start of the line and the nested element i.e. for indenting them e.g <table> <tr> <th> Month </th> <th> Year </th> </tr> <tr> <td> April </td> <td> September </td> </tr> </table> Should be like this instead: <table> <tr> <th> Month </th> <th> Year </th> </tr> <tr> <td> April </td> <td> September </td> </tr> </table> This is a better way to write code. It is neat, well-arranged & easily-formattable. Anyone can find stuff faster in this. If you are using a laptop, you can use tab key to create these indentations. <div> <h1> ... </h1> <p> ... </p> </div> <div> <p> <img src="..." alt="..." width="..." height="..."> <span> ... </span> </p> </div> *COUNTING STARTS FROM ZERO IN PROGRAMMING* Simple: 01234567... Not: 1234567... The first number programmers count from is zero - 0. Powered by Programmers Community... 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 11:40am On Sep 04, 2020 |
*A Special Table Style Example* To define a special style for a special table, add an id attribute to the table & you can use the hashtag (i.e. #) indicator in the CSS section (i.e. within the <style> element. Let's see: <!DOCTYPE html> <html> <head> <style> table { width:100%; } table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; text-align: left; } td:hover { background-color: #999; } table#t01 tr:nth-child(even) { background-color: #eee; } table#t01 tr:nth-child(odd) { background-color:#fff; } table#t01 th { background-color: black; color: white; } </style> </head> <body> <table> <tr> <th>First Name</th> <th>Last Name</th> <th>Grade Point Average</th> </tr> <tr> <td>Kike</td> <td>Olusegun</td> <td>77</td> </tr> <tr> <td>Garba</td> <td>Ahmed</td> <td>88</td> </tr> <tr> <td>Jackie</td> <td>Pala</td> <td>85</td> </tr> <tr> <td>Princess</td> <td>Pala</td> <td>76</td> </tr> </table> <br> <table id="t01"> <tr> <th>First Name</th> <th>Last Name</th> <th>Grade Point Average</th> </tr> <tr> <td>Kike</td> <td>Olusegun</td> <td>77</td> </tr> <tr> <td>Garba</td> <td>Ahmed</td> <td>88</td> </tr> <tr> <td>Jackie</td> <td>Pala</td> <td>85</td> </tr> <tr> <td>Princess</td> <td>Pala</td> <td>76</td> </tr> </table> </body> </html> Notice the difference between not tables in your browser. This is as a result of the extra styling applied to the second table in the style sheet in the document <head> section. See every place #t01 occurs? The hashtag (#) points to any element in the document <body> section with an id equal to t01. Let me explain the code relating to id. table#t01 tr:nth-child(even) { background-color: #eee; } When the browser sees - table#t01 - it goes in search of any table with an id of t01. Remember tr represents table row. nth-child() is a selector that finds a child of an element as indicated with what index comes in the bracket. That is nth-child(0) will point to the first child, nth-child(1) to the second child, nth-child(2) to the third child ... and so on, counting starts from zero in programming. The tr:nth-child(even) refers to every table row of even index, meaning even numbers i.e. the second, fourth, sixth, eighth, tenth ... and so on. <tr> is a child of <table> as it comes directly inside it, <td> and <th> are siblings and children of <tr> as well as grand-children of <table>. Funny? Maybe, but it works. The above code therefore applies the background-color to even rows of the table marked with id t01. With this explanation, you can guess how the next code in the style sheet works. table#t01 tr:nth-child(odd) { background-color:#fff; } Simply means, every row that occurs in an odd index number inside the table marked with id t01 - first, third, fifth, seventh, ninth, eleventh ... and so on. The above code therefore applies the background-color to odd rows of the table marked with id t01. Now to the last code in the style sheet. table#t01 th { background-color: black; color: white; } This automatically adds background-color and get color to the table headers of the table marked with id t01. Remember the stands for table header? Right! Okay, now a quick recap. <table> tag: Defines a table. <th> tag: Defines a header cell in a table. <tr> tag: Defines a row in a table. <td> tag: Defines a cell in a table, means table data. <caption> tag: Defines a table caption. id attribute: Uniquely defines one element e.g a table. colspan attribute: Merges a number of columns to span as one as indicated in the value. rowspan attribute: Merges a number of rows to span as one as indicated in the value. CSS border property: Defines a border. CSS border-collapse property: To collapse cell borders. CSS padding property: To add padding to cells. CSS text-align property: To align cell text left, right or center. CSS border-spacing property: To set the spacing between cells when borders are not collapsed. There is a lot CSS permits you to do. What we have covered concerning styling is a tip of what you can create with CSS. We will do more as we continue. HTML is like a person bathed and clean, adding CSS is like putting on clothes and makeup to look better. I tell you, that's interesting. I have it for you to find out as we continue if you have not yet. Powered by Programmers Community... 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 11:39am On Sep 04, 2020 |
*A Special Table Style Example* To define a special style for a special table, add an id attribute to the table & you can use the hashtag (i.e. #) indicator in the CSS section (i.e. within the <style> element. Let's see: <!DOCTYPE html> <html> <head> <style> table { width:100%; } table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; text-align: left; } td:hover { background-color: #999; } table#t01 tr:nth-child(even) { background-color: #eee; } table#t01 tr:nth-child(odd) { background-color:#fff; } table#t01 th { background-color: black; color: white; } </style> </head> <body> <table> <tr> <th>First Name</th> <th>Last Name</th> <th>Grade Point Average</th> </tr> <tr> <td>Kike</td> <td>Olusegun</td> <td>77</td> </tr> <tr> <td>Garba</td> <td>Ahmed</td> <td>88</td> </tr> <tr> <td>Jackie</td> <td>Pala</td> <td>85</td> </tr> <tr> <td>Princess</td> <td>Pala</td> <td>76</td> </tr> </table> <br> <table id="t01"> <tr> <th>First Name</th> <th>Last Name</th> <th>Grade Point Average</th> </tr> <tr> <td>Kike</td> <td>Olusegun</td> <td>77</td> </tr> <tr> <td>Garba</td> <td>Ahmed</td> <td>88</td> </tr> <tr> <td>Jackie</td> <td>Pala</td> <td>85</td> </tr> <tr> <td>Princess</td> <td>Pala</td> <td>76</td> </tr> </table> </body> </html> Notice the difference between not tables in your browser. This is as a result of the extra styling applied to the second table in the style sheet in the document <head> section. See every place #t01 occurs? The hashtag (#) points to any element in the document <body> section with an id equal to t01. Let me explain the code relating to id. table#t01 tr:nth-child(even) { background-color: #eee; } When the browser sees - table#t01 - it goes in search of any table with an id of t01. Remember tr represents table row. nth-child() is a selector that finds a child of an element as indicated with what index comes in the bracket. That is nth-child(0) will point to the first child, nth-child(1) to the second child, nth-child(2) to the third child ... and so on, counting starts from zero in programming. The tr:nth-child(even) refers to every table row of even index, meaning even numbers i.e. the second, fourth, sixth, eighth, tenth ... and so on. <tr> is a child of <table> as it comes directly inside it, <td> and <th> are siblings and children of <tr> as well as grand-children of <table>. Funny? Maybe, but it works. The above code therefore applies the background-color to even rows of the table marked with id t01. With this explanation, you can guess how the next code in the style sheet works. table#t01 tr:nth-child(odd) { background-color:#fff; } Simply means, every row that occurs in an odd index number inside the table marked with id t01 - first, third, fifth, seventh, ninth, eleventh ... and so on. The above code therefore applies the background-color to odd rows of the table marked with id t01. Now to the last code in the style sheet. table#t01 th { background-color: black; color: white; } This automatically adds background-color and get color to the table headers of the table marked with id t01. Remember the stands for table header? Right! Okay, now a quick recap. <table> tag: Defines a table. <th> tag: Defines a header cell in a table. <tr> tag: Defines a row in a table. <td> tag: Defines a cell in a table, means table data. <caption> tag: Defines a table caption. id attribute: Uniquely defines one element e.g a table. colspan attribute: Merges a number of columns to span as one as indicated in the value. rowspan attribute: Merges a number of rows to span as one as indicated in the value. CSS border property: Defines a border. CSS border-collapse property: To collapse cell borders. CSS padding property: To add padding to cells. CSS text-align property: To align cell text left, right or center. CSS border-spacing property: To set the spacing between cells when borders are not collapsed. There is a lot CSS permits you to do. What we have covered concerning styling is a tip of what you can create with CSS. We will do more as we continue. HTML is like a person bathed and clean, adding CSS is like putting on clothes and makeup to look better. I tell you, that's interesting. I have it for you to find out as we continue if you have not yet. Powered by Programmers Community... 1 Share
|
| Christianity Etc › Re: Morning Chop - RHAPSODY OF REALITIES CHRISTIAN DIARY by eesyy(op): 9:02am On Sep 04, 2020 |
*RHAPSODY OF REALITIES DAILY *Friday, September 4th, 2020* *Pastor Chris* *SEE YOURSELF THROUGH THE WORD* *_"There is therefore now no condemnation to them which are in Christ, who walk not after the flesh, but after the Spirit" (Romans 8:1)._* In our opening verse, the Spirit, through the Apostle Paul isn't telling us that there're two groups: those in Christ who walk in the flesh, and those in Christ who aren't walking in the flesh. That's not the essence of His communication; rather, He's holding out a picture of who you really are. When you study and understand the New Testament, you'd observe what's called the *"Mirror Principle";* God's Word is a mirror. You're what you see in the Word (2 Corinthians 3:18). Therefore, don't read our theme verse and assume you're not free from condemnation or that you're still *"walking in the flesh"* because you err sometimes; no! Read the 9th verse of the same chapter; it clarifies it by saying, *_"But ye are not in the flesh, but in the Spirit, if so be that the Spirit of God dwell in you..."_* (Romans 8:9). That's God talking! When He describes those in Christ Jesus who walk not after the flesh but after the Spirit, He's referring to you. Therefore, see yourself through the Word. Now that you're born again, there's no condemnation for you. When you understand this and live accordingly, you'll never again struggle with sinful habits, bad thoughts or works of the flesh. The Bible says, *"Sin shall not have dominion over you"* (Romans 6:14); see yourself thus, for that's how God sees you. God knows that if you saw yourself the way He sees you, you'd act accordingly. Accept who He's made you---His righteousness in Christ Jesus---and walk in that light. *Glory to God!* *|| CONFESSION* *I'm a child of God, with the nature of God in my spirit. I'm justified before God, without guilt, fear, inferiority or condemnation. Sin has no power over me and I can't be entangled by any yoke of bondage. I'm conscious of my nature of righteousness and walk accordingly. Glory to God!* *|| FURTHER STUDY:* Romans 6:11-15 *||* *_[11] Likewise reckon ye also yourselves to be dead indeed unto sin, but alive unto God through Jesus Christ our Lord. [12] Let no sin therefore reign in your mortal body, that ye should obey it in the lusts thereof. [13] Neither yield ye your members [as] instruments of unrighteousness unto sin: but yield yourselves unto God, as those that are alive from the dead, and your members [as] instruments of righteousness unto God. [14] For sin shall not have dominion over you: for ye are not under the law, but under grace. [15] What then? shall we sin, because we are not under the law, but under grace? God forbid._* *||* Romans 8:2-4 *||* *_[2] For the law of the Spirit of life in Christ Jesus hath made me free from the law of sin and death. [3] For what the law could not do, in that it was weak through the flesh, God sending His own Son in the likeness of sinful flesh, and for sin, condemned sin in the flesh: [4] That the righteousness of the law might be fulfilled in us, who walk not after the flesh, but after the Spirit._* *||* Galatians 2:20-21 *_[20] I am crucified with Christ: nevertheless I live; yet not I, but Christ liveth in me: and the life which I now live in the flesh I live by the faith of the Son of God, who loved me, and gave himself for me. [21] I do not frustrate the grace of God: for if righteousness [come] by the law, then Christ is dead in vain._* *||* *1-YEAR BIBLE READING PLAN:* 2 Corinthians 2:5- 3:1-6 & Proverbs 14-15 *2-YEAR BIBLE READING PLAN:* 1 Thessalonians 4:9-18 & Jeremiah 22 *Stay blessed* 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 12:05am On Sep 04, 2020 |
*An HTML Table with Collapsed Borders* If you want the borders to collapse into one border, add CSS border-collapse. *An HTML Table with Cell Padding* Cell padding specifies the space between the cell content and its borders. If you do not specify a padding, the table cells will be displayed without padding. To set the padding, use the CSS padding property. *HTML Table Headings* Table headings are defined with the <th> tag. By default, all major browsers display table headings as bold and centered. To left-align the table headings, use the CSS text-align property. For Example: <!DOCTYPE html> <html> <head> <title> Table CSS </title> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; } th { text-align: left; } </style> </head> <body> <table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Points</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> *An HTML Table with Border Spacing* Border spacing specifies the space between the cells. To set the border spacing for a table, use the CSS border-spacing property. If the table has collapsed borders, border-spacing has no effect. So to use border-spacing, there must be no border-collapse set to collapse, that is: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; padding: 5px; } table { border-spacing: 15px; } </style> </head> <body> <table style="width:100%"> <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> <p>Try to change the border-spacing to 5px, see the difference.</p> </body> </html> *Table Cells that Span Many Columns* To make a cell span more than one column, use the colspan attribute: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; text-align: left; } </style> </head> <body> <h2>Cell that spans two columns:</h2> <table style="width:100%"> <tr> <th>Name</th> <th colspan="2">Telephone</th> </tr> <tr> <td>Smart Kofo</td> <td>08144157769</td> <td>08120601164</td> </tr> </table> </body> </html> *Table Cells that Span Many Rows* To make a cell span more than one row, use the rowspan attribute: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; text-align: left; } </style> </head> <body> <h2>Cell that spans two rows:</h2> <table style="width:100%"> <tr> <th>Name:</th> <td>Smart Kofo</td> </tr> <tr> <th rowspan="2">Telephone:</th> <td>08144157769</td> </tr> <tr> <td>08120601164</td> </tr> </table> </body> </html> Another example: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> </head> <body> <table> <tr> <th>Name</th> <th>Age</th> <th>Telephone</th> </tr> <tr> <td>Eze</td> <td>12</td> <td>08144157769</td> </tr> <tr> <td>Dele</td> <td rowspan="2">14</td> <td>08120601164</td> </tr> <tr> <td>Segun</td> <td>08148582483</td> </tr> <tr> <td colspan="3">Note: These are the best 3</td> </tr> </table> </body> </html> Check the browser result in the picture below. *An HTML Table With a Caption* To add a caption to a table, use the <caption> tag. The <caption> tag must be inserted immediately after the <table> tag: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; text-align: left; } </style> </head> <body> <table style="width:100%"> <caption>Result sheet</caption> <tr> <th>s/n</th> <th>Name</th> <th>Position</th> </tr> <tr> <td>1</td> <td>Martha Okem</td> <td>1st</td> </tr> <tr> <td>2</td> <td>Efe Matthais</td> <td>2nd</td> </tr> <tr> <td>3</td> <td>Temi Peters</td> <td>3rd</td> </tr> </table> </body> </html> Powered by Programmers Community... 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 12:00am On Sep 04, 2020 |
*An HTML Table with Collapsed Borders* If you want the borders to collapse into one border, add CSS border-collapse. *An HTML Table with Cell Padding* Cell padding specifies the space between the cell content and its borders. If you do not specify a padding, the table cells will be displayed without padding. To set the padding, use the CSS padding property. *HTML Table Headings* Table headings are defined with the <th> tag. By default, all major browsers display table headings as bold and centered. To left-align the table headings, use the CSS text-align property. For Example: <!DOCTYPE html> <html> <head> <title> Table CSS </title> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; } th { text-align: left; } </style> </head> <body> <table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Points</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> *An HTML Table with Border Spacing* Border spacing specifies the space between the cells. To set the border spacing for a table, use the CSS border-spacing property. If the table has collapsed borders, border-spacing has no effect. So to use border-spacing, there must be no border-collapse set to collapse, that is: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; padding: 5px; } table { border-spacing: 15px; } </style> </head> <body> <table style="width:100%"> <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> <p>Try to change the border-spacing to 5px, see the difference.</p> </body> </html> *Table Cells that Span Many Columns* To make a cell span more than one column, use the colspan attribute: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; text-align: left; } </style> </head> <body> <h2>Cell that spans two columns:</h2> <table style="width:100%"> <tr> <th>Name</th> <th colspan="2">Telephone</th> </tr> <tr> <td>Smart Kofo</td> <td>08144157769</td> <td>08120601164</td> </tr> </table> </body> </html> *Table Cells that Span Many Rows* To make a cell span more than one row, use the rowspan attribute: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; text-align: left; } </style> </head> <body> <h2>Cell that spans two rows:</h2> <table style="width:100%"> <tr> <th>Name:</th> <td>Smart Kofo</td> </tr> <tr> <th rowspan="2">Telephone:</th> <td>08144157769</td> </tr> <tr> <td>08120601164</td> </tr> </table> </body> </html> Another example: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> </head> <body> <table> <tr> <th>Name</th> <th>Age</th> <th>Telephone</th> </tr> <tr> <td>Eze</td> <td>12</td> <td>08144157769</td> </tr> <tr> <td>Dele</td> <td rowspan="2">14</td> <td>08120601164</td> </tr> <tr> <td>Segun</td> <td>08148582483</td> </tr> <tr> <td colspan="3">Note: These are the best 3</td> </tr> </table> </body> </html> Check the browser result in the picture below. *An HTML Table With a Caption* To add a caption to a table, use the <caption> tag. The <caption> tag must be inserted immediately after the <table> tag: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; text-align: left; } </style> </head> <body> <table style="width:100%"> <caption>Result sheet</caption> <tr> <th>s/n</th> <th>Name</th> <th>Position</th> </tr> <tr> <td>1</td> <td>Martha Okem</td> <td>1st</td> </tr> <tr> <td>2</td> <td>Efe Matthais</td> <td>2nd</td> </tr> <tr> <td>3</td> <td>Temi Peters</td> <td>3rd</td> </tr> </table> </body> </html> Powered by Programmers Community... 1 Share
|
| Christianity Etc › Re: Morning Chop - RHAPSODY OF REALITIES CHRISTIAN DIARY by eesyy(op): 8:43am On Sep 03, 2020 |
RHAPSODY OF REALITIES DAILY DEVOTIONAL THURSDAY 3RD SEPTEMBER 2020 PST. CHRIS HAVE A PERSONAL PRAYER CULTURE Then shall ye call upon me, and ye shall go and pray unto me, and I will hearken unto you (JEREMIAH 29:12). The Lord called us to pray because He planned to answer. It’s therefore important that you have a plan for prayer. If you don’t have a plan for prayer, you’re most unlikely to pray. There’re lots of activities that could occupy your time and prevent you from praying. You have to make deliberate efforts to have a prayer culture and discipline; you could set an alarm system for reminders. Never be too busy to pray. Prayer isn’t only when you want something from God. Prayer is that fellowship with the Lord where you talk to and with Him, and you give attention to Him in your spirit, to hear what He has to say to you. Every Christian must have such times. If you’ve had challenges doing this consistently, you can ask the Lord to guide you in planning your personal prayer schedule. Don’t neglect it. There’re corporate prayer times where you participate in prayer programs and services, maybe in your church or cell group, but that’s different from having your personal prayer schedule. Someone may say, “Well, I pray once a week, not every day.” No, that’s not good enough. Have a prayer schedule for every day, because it helps you have a spiritual consciousness every day. You may then wonder, “How long should I pray?” It’s not for anyone to determine for you how long you should pray, but you’ll know if or when you’re not praying enough, because it’s a relationship between you and the Lord. If you think you’re not praying enough, then add more time. The truth is, the more time you spend in prayer, the more helpful it is to you, because apart from the fact that you’re talking to the Lord, there’s the edification of your spirit that you get from praying. Not only that; there’s also the education of your spirit. No one educates you like the Holy Spirit. In that atmosphere of prayer, He teaches you; He brings you information that enlightens and guides you. Glory to God! PRAYER Dear Father, I’m grateful for the opportunity of continuous fellowship with you through prayer. I have the discipline of prayer, and even now, I pray for lost souls around the world, that their hearts be open to accept the Gospel of Christ and be saved. Also, I pray for Christians who are sick in their bodies, that great grace be directed toward them for healing, restoration and feeling of wellness, in the Name of the Lord Jesus Christ. Amen. _We trust you have been blessed by this devotional. We invite you to make Jesus Christ the Lord of your life by praying thus:_ *_“O Lord God, I believe with all my heart in Jesus Christ, Son of the living God. I believe He died for me and God raised Him from the dead. I believe He’s alive today. I confess with my mouth that Jesus Christ is the Lord of my life from this day. Through Him and in His Name, I have eternal life; I’m born again. Thank you Lord, for saving my soul! I’m now a child of God. Hallelujah!”_* Let us know that you made that declaration by sending a mail to info@rhapsodyofrealities.org FURTHER STUDY LUKE 18:1 And he spake a parable unto them to this end, that men ought always to pray, and not to faint; JUDE 1:20 But ye, beloved, building up yourselves on your most holy faith, praying in the Holy Ghost, EPHESIANS 6:18 Praying always with all prayer and supplication in the Spirit, and watching thereunto with all perseverance and supplication for all saints; 1 YEAR BIBLE READING PLAN 2 Corinthians 1-2:1-4 & Proverbs 12-13 2 YEAR BIBLE READING PLAN 1 Thessalonians 4:1-8 & Jeremiah 21 *Stay blessed* 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 8:38am On Sep 03, 2020 |
As we have established: Tables are defined with the <table> tag and are divided into table rows with the <tr> tag. Table rows are divided into table data with the <td> tag. A table row can also be divided into table headings with the <th> tag. Table data <td> are the data containers of the table. They can contain all sorts of HTML elements like text, images, lists, other tables etc. Most things we did on tables can be done using CSS. Remember CSS? Anytime we say 'style' we use CSS, whether it is used as an attribute or as an element. But we have only used 'style' as an attribute in editing how we want elements to display i.e. in this way: <!DOCTYPE html> <html> <head> <title> Table Example </title> </head> <body> <table border="1" style="width: 100%; background-color: yellow;"> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> </body> </html> We can use style as a tag the same way we use the title tag inside the head tag, this way: <!DOCTYPE html> <html> <head> <title> Table Example </title> <style> table, th, td { border: 1px solid black; width: 100%; background-color: yellow; } </style> </head> <body> <table> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> </body> </html> You see that style as an element of its own here is placed in-between <head> and </head>. That is to say the <head> element nests both <title> and <style> tags within itself. REMEMBER NESTING, RIGHT? Just in case you can go check our discussion on NESTING to be absolutely clear. So within the <style> element you see that the table, th and td elements from the body are called. These are known as SELECTORS. SELECTORS are used in a type of CSS to refer to elements inside the body you want to style, I mean edit properties. In this case, the properties of the elements concerned are the border, width and background colour. The value of the border property, '1px solid black' says the thickness of the border lines be 1px, the colour be black and the type of line be solid continuous line while there are also dotted and dashed line types in CSS. Another way to write this would have been: . . . table, the, td { border-width: 1px; border-style: solid; border-color: black; width: 100%; background-color: yellow; } . . . The border-width representing the thickness of border lines, border-style representing the type of border lines, border-color representing colour of border lines. So the border property packs together the functions of those three above, therefore we have the value as: 1px solid black. It has to be in that order: thickness before line type, then colour. As for the width and background colour properties, they appear as they have in previous examples of styling, easily understood. Now let's try some more CSS on tables. Powered by Programmers Community... 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 8:36am On Sep 03, 2020 |
As we have established: Tables are defined with the <table> tag and are divided into table rows with the <tr> tag. Table rows are divided into table data with the <td> tag. A table row can also be divided into table headings with the <th> tag. Table data <td> are the data containers of the table. They can contain all sorts of HTML elements like text, images, lists, other tables etc. Most things we did on tables can be done using CSS. Remember CSS? Anytime we say 'style' we use CSS, whether it is used as an attribute or as an element. But we have only used 'style' as an attribute in editing how we want elements to display i.e. in this way: <!DOCTYPE html> <html> <head> <title> Table Example </title> </head> <body> <table border="1" style="width: 100%; background-color: yellow;"> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> </body> </html> We can use style as a tag the same way we use the title tag inside the head tag, this way: <!DOCTYPE html> <html> <head> <title> Table Example </title> <style> table, th, td { border: 1px solid black; width: 100%; background-color: yellow; } </style> </head> <body> <table> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> </body> </html> You see that style as an element of its own here is placed in-between <head> and </head>. That is to say the <head> element nests both <title> and <style> tags within itself. REMEMBER NESTING, RIGHT? Just in case you can go check our discussion on NESTING to be absolutely clear. So within the <style> element you see that the table, th and td elements from the body are called. These are known as SELECTORS. SELECTORS are used in a type of CSS to refer to elements inside the body you want to style, I mean edit properties. In this case, the properties of the elements concerned are the border, width and background colour. The value of the border property, '1px solid black' says the thickness of the border lines be 1px, the colour be black and the type of line be solid continuous line while there are also dotted and dashed line types in CSS. Another way to write this would have been: . . . table, the, td { border-width: 1px; border-style: solid; border-color: black; width: 100%; background-color: yellow; } . . . The border-width representing the thickness of border lines, border-style representing the type of border lines, border-color representing colour of border lines. So the border property packs together the functions of those three above, therefore we have the value as: 1px solid black. It has to be in that order: thickness before line type, then colour. As for the width and background colour properties, they appear as they have in previous examples of styling, easily understood. Now let's try some more CSS on tables. Powered by Programmers Community... 1 Like 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 12:56am On Sep 03, 2020 |
*HTML – TABLES* The HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells. The HTML tables are created using the <table> tag in which the <tr> tag is used to create table rows and <td> tag is used to create data cells. *Table Heading* Table heading can be defined using <th> tag. This tag will be put to replace <td> tag, which is used to represent actual data cell. Normally you will put your top row as table heading as shown below, otherwise you can use <th> element in any row. *Cellpadding and Cellspacing Attributes* There are two attributes called cellpadding and cellspacing which you will use to adjust the white space in your table cells. The cellspacing attribute defines the width of the border, while cellpadding represents the distance between cell borders and the content within a cell. Example: <!DOCTYPE html> <html> <head> <title>Table Example</title> </head> <body> <table border="1" cellpadding="5" cellspacing="5"> <tr> <th>Name</th> <th>Salary</th> </tr> <tr> <td>Ramesh Raman</td> <td>5000</td> </tr> <tr> <td>Shabbir Hussein</td> <td>7000</td> </tr> <tr> <td>Musa Ahmed</td> <td>4500</td> </tr> </table> </html> </body> Browser result is shown on first uploaded picture below.  *Tables Backgrounds* You can set table background using one of the following two ways: 1. Background-color property - You can set background color for whole table or just for one cell. 2. Background attribute - You can set background image for whole table or just for one cell. You can also set border color also using bordercolor attribute. *Table Height and Width* You can set a table width and height using width and height attributes. You can specify table width or height in terms of pixels or in terms of percentage of available screen area. *Table Caption* The caption tag will serve as a title or explanation for the table and it shows up at the top of the table. This tag is deprecated in newer version of HTML/XHTML. You can use one table inside another table. Not only tables you can use almost all the tags inside table data tag <td>. *Colspan and Rowspan Attributes* You will use colspan attribute if you want to merge two or more columns into a single column. Similar way you will use rowspan if you want to merge two or more rows. Example: <!DOCTYPE html> <html> <head> <title>Table Example</title> </head> <body> <table border="1" bordercolor=”green” style="background-color:yellow;" width=”400” height=”150”> <caption>This is the caption</caption> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> <tr> <td rowspan="2">Row 1 Cell 1</td> <td>Row 1 Cell 2</td> <td>Row 1 Cell 3</td> </tr> <tr> <td>Row 2 Cell 2</td> <td>Row 2 Cell 3</td> </tr> <tr> <td colspan="3">Row 3 Cell 1</td> </tr> </table> </body> </html> Or try: <table border="1" background=”/images/testpic.png” width=”400” height=”150”> See browser result in second picture uploaded below. We will try some more examples with the rowspan and colspan attributes, for better understanding of the concept. It's quite simple actually. Powered by Programmers Community... 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 12:37am On Sep 03, 2020*. Modified: 12:54am On Sep 03, 2020 |
*HTML – TABLES* The HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells. The HTML tables are created using the <table> tag in which the <tr> tag is used to create table rows and <td> tag is used to create data cells. *Table Heading* Table heading can be defined using <th> tag. This tag will be put to replace <td> tag, which is used to represent actual data cell. Normally you will put your top row as table heading as shown below, otherwise you can use <th> element in any row. *Cellpadding and Cellspacing Attributes* There are two attributes called cellpadding and cellspacing which you will use to adjust the white space in your table cells. The cellspacing attribute defines the width of the border, while cellpadding represents the distance between cell borders and the content within a cell. Example: <!DOCTYPE html> <html> <head> <title>Table Example</title> </head> <body> <table border="1" cellpadding="5" cellspacing="5"> <tr> <th>Name</th> <th>Salary</th> </tr> <tr> <td>Ramesh Raman</td> <td>5000</td> </tr> <tr> <td>Shabbir Hussein</td> <td>7000</td> </tr> <tr> <td>Musa Ahmed</td> <td>4500</td> </tr> </table> </html> </body> Browser result is shown on first uploaded picture below. *Tables Backgrounds* You can set table background using one of the following two ways: 1. Background-color property - You can set background color for whole table or just for one cell. 2. Background attribute - You can set background image for whole table or just for one cell. You can also set border color also using bordercolor attribute. *Table Height and Width* You can set a table width and height using width and height attributes. You can specify table width or height in terms of pixels or in terms of percentage of available screen area. *Table Caption* The caption tag will serve as a title or explanation for the table and it shows up at the top of the table. This tag is deprecated in newer version of HTML/XHTML. You can use one table inside another table. Not only tables you can use almost all the tags inside table data tag <td>. *Colspan and Rowspan Attributes* You will use colspan attribute if you want to merge two or more columns into a single column. Similar way you will use rowspan if you want to merge two or more rows. Example: <!DOCTYPE html> <html> <head> <title>Table Example</title> </head> <body> <table border="1" bordercolor=”green” style="background-color:yellow;" width=”400” height=”150”> <caption>This is the caption</caption> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> <tr> <td rowspan="2">Row 1 Cell 1</td> <td>Row 1 Cell 2</td> <td>Row 1 Cell 3</td> </tr> <tr> <td>Row 2 Cell 2</td> <td>Row 2 Cell 3</td> </tr> <tr> <td colspan="3">Row 3 Cell 1</td> </tr> </table> </body> </html> Or try: <table border="1" background=”/images/testpic.png” width=”400” height=”150”> See browser result in second picture uploaded below. We will try some more examples with the rowspan and colspan attributes, for better understanding of the concept. It's quite simple actually. Powered by Programmers Community... 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 12:33am On Sep 03, 2020 |
*HTML – IMAGES* Images are very important to beautify as well as to depict many complex concepts in simple way on your web page. This tutorial will take you through simple steps to use images in your web pages. You can insert any image in your web page by using <img> tag. The <img> tag is an empty tag, which means that, it can contain only list of attributes and it has no closing tag. Example: To try following example, let's keep our HTML file 'imagetest.html' and image file in the same directory i.e. in the same folder. Rename the image file, choose something simple, like testpic.png in this case. The png part refers to the type of image file. Check the properties of the file to know what type it is. For pictures, you might get jpg, png, jpeg as the type. Whatever the type, it becomes the extension, in this case png. <!DOCTYPE html> <html> <head> <title>Using Image in Webpage</title> </head> <body> <p>Simple Image Insert</p> <img src="testpic.png" alt="Test Image" /> </body> </html> You can use PNG, JPEG or GIF image file based on your comfort but make sure you specify correct image file name in srcattribute. Image name is always case sensitive. The alt attribute is a mandatory attribute which specifies an alternate text for an image, if the image cannot be displayed. *Set Image Location* Usually we keep all the images in a separate directory. So let's keep HTML file imagetest.html in our home directory and create a subdirectory images inside the home directory where we will keep our image testpic.png. When I say directory, I simply mean folder. Example Assuming our image file location is a folder called images which is inside the same home folder as our web page, try the following example: <!DOCTYPE html> <html> <head> <title>Using Image in Webpage</title> </head> <body> <p>Simple Image Insert</p> <img src="images/testpic.png" alt="Test Image" /> </body> </html> *Set Image Width/Height, Border and Alignment* You can set image width and height based on your requirement using width and height attributes. You can specify width and height of the image in terms of either pixels or percentage of its actual size. By default, image will have a border around it, you can specify border thickness in terms of pixels using border attribute. A thickness of 0 means, no border around the picture. Also by default, image will align at the left side of the page, but you can use align attribute to set it in the center or right. <!DOCTYPE html> <html> <head> <title>Setting Image Width, Height and Border</title > </head> <body> <p>Setting Image Width and Height</p> <img src="testpic.png" alt="Test Image" width=”150” height=”100”/> <img src="testpic.png" alt="Test Image" border=”3” align=”right”/> </body> </html> You can also use the style attribute for the sizing like this: <img src="images/testpic.png" style="width:150px; height:100px;> <img src="images/testpic.png" style="width:70%; height:50%;> *Images on Another Server* Some web sites store their images on image servers. Actually, you can access images from any web address in the world, like this: <img src="http://www.tutorialpage.com/images/snapdragon.jpg" alt="tutorials.com"> This is just an example the address in the src attribute refers to the address of the image file online. *Animated Images* The GIF standard allows animated images: <img src="programming.gif" alt="picture here" style="width:48px; height:48px;"> Note that the syntax of inserting animated images is no different from non-animated images. *Using an Image as a Link* To use an image as a link, simply nest the <img> tag inside the <a> tag. Example: <a href="default.asp"> <img src="smiley.gif" alt="HTML tutorial" style="width:42px; height:42px; border:0;"> </a> Note: Best store in a folder all the files including pictures relating to the webpages of he project you are working on. Powered by Programmers Community... 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 9:30am On Sep 02, 2020 |
telleyway:Thanks! You're welcome dear... |
| Christianity Etc › Re: Morning Chop - RHAPSODY OF REALITIES CHRISTIAN DIARY by eesyy(op): 9:11am On Sep 02, 2020*. Modified: 9:31am On Sep 02, 2020 |
RHAPSODY OF REALITIES DAILY DEVOTIONAL WEDNESDAY 2ND SEPTEMBER 2020 PST. CHRIS YOUR FAITH IS A TOOL And he said unto them, Where is your faith? And they being afraid wondered, saying one to another, What manner of man is this! for he commandeth even the winds and water, and they obey him (Luke 8:25). Jesus was with His disciples in the boat one day, and a tempest arose. The disciples became afraid and the Bible says, “…they came to him, and awoke him, saying, Master, master, we perish. Then he arose, and rebuked the wind and the raging of the water: and they ceased, and there was a calm” (Luke 8:24). The Master turned to the disciples and asked them a very pertinent question: “Where is your faith?” That’s the big question in life. With your faith, you can do anything; you can move mountains; you can achieve great results. Faith is a tool. Use it. If you’d learn to use your faith, you’ll live triumphantly every day. Stop crying for help! Use your faith to make your life glorious. With your faith, you can destroy cancer, diabetes or heart trouble. You can change the circumstances of your life! So, build your faith. Make a choice to feed your faith by learning and living on God’s Word. The Bible is a compendium of divine revelations from God’s Prophets and Apostles; the message has been proven again and again. Irrespective of the issues in your health, family, finances, job, academics, or ministry, you can prevail gloriously by growing your faith in the Word and putting it to work every day. Remember, our faith is the victory that overcomes the world (1 John 5:4). CONFESSION With my faith, I consistently frame my life in the path of glory and excellence, living the life of victory, success, joy, health and prosperity which God has ordained for me. I refuse to be disadvantaged or helpless in this life; my faith in the Word is effective and prevailing. Praise God! FURTHER STUDY 1 John 5:4 For whatsoever is born of God overcometh the world: and this is the victory that overcometh the world, even our faith. Hebrews 10:38-39 Now the just shall live by faith: but if any man draw back, my soul shall have no pleasure in him. 39 But we are not of them who draw back unto perdition; but of them that believe to the saving of the soul. Matthew 17:20 And Jesus said unto them, Because of your unbelief: for verily I say unto you, If ye have faith as a grain of mustard seed, ye shall say unto this mountain, Remove hence to yonder place; and it shall remove; and nothing shall be impossible unto you. _We trust you have been blessed by this devotional. We invite you to make Jesus Christ the Lord of your life by praying thus:_ *_“O Lord God, I believe with all my heart in Jesus Christ, Son of the living God. I believe He died for me and God raised Him from the dead. I believe He’s alive today. I confess with my mouth that Jesus Christ is the Lord of my life from this day. Through Him and in His Name, I have eternal life; I’m born again. Thank you Lord, for saving my soul! I’m now a child of God. Hallelujah!”_* Let us know that you made that declaration by sending a mail to info@rhapsodyofrealities.org 1 YEAR BIBLE READING PLAN 1 Corinthians 16:1-24 & Proverbs 10-11 2 YEAR BIBLE READING PLAN 1 Thessalonians 3:1-13 & Jeremiah 19-20 *Stay blessed* 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 9:34pm On Sep 01, 2020*. Modified: 12:32am On Sep 03, 2020 |
*HTML – IMAGES* Images are very important to beautify as well as to depict many complex concepts in simple way on your web page. This tutorial will take you through simple steps to use images in your web pages. You can insert any image in your web page by using <img> tag. The <img> tag is an empty tag, which means that, it can contain only list of attributes and it has no closing tag. Example: To try following example, let's keep our HTML file 'imagetest.html' and image file in the same directory i.e. in the same folder. Rename the image file, choose something simple, like testpic.png in this case. The png part refers to the type of image file. Check the properties of the file to know what type it is. For pictures, you might get jpg, png, jpeg as the type. Whatever the type, it becomes the extension, in this case png. <!DOCTYPE html> <html> <head> <title>Using Image in Webpage</title> </head> <body> <p>Simple Image Insert</p> <img src="testpic.png" alt="Test Image" /> </body> </html> You can use PNG, JPEG or GIF image file based on your comfort but make sure you specify correct image file name in srcattribute. Image name is always case sensitive. The alt attribute is a mandatory attribute which specifies an alternate text for an image, if the image cannot be displayed. *Set Image Location* Usually we keep all the images in a separate directory. So let's keep HTML file imagetest.html in our home directory and create a subdirectory images inside the home directory where we will keep our image testpic.png. When I say directory, I simply mean folder. Example Assuming our image file location is a folder called images which is inside the same home folder as our web page, try the following example: <!DOCTYPE html> <html> <head> <title>Using Image in Webpage</title> </head> <body> <p>Simple Image Insert</p> <img src="images/testpic.png" alt="Test Image" /> </body> </html> *Set Image Width/Height, Border and Alignment* You can set image width and height based on your requirement using width and height attributes. You can specify width and height of the image in terms of either pixels or percentage of its actual size. By default, image will have a border around it, you can specify border thickness in terms of pixels using border attribute. A thickness of 0 means, no border around the picture. Also by default, image will align at the left side of the page, but you can use align attribute to set it in the center or right. <!DOCTYPE html> <html> <head> <title>Setting Image Width, Height and Border</title > </head> <body> <p>Setting Image Width and Height</p> <img src="testpic.png" alt="Test Image" width=”150” height=”100”/> <img src="testpic.png" alt="Test Image" border=”3” align=”right”/> </body> </html> You can also use the style attribute for the sizing like this: <img src="images/testpic.png" style="width:150px; height:100px;> <img src="images/testpic.png" style="width:70%; height:50%;> *Images on Another Server* Some web sites store their images on image servers. Actually, you can access images from any web address in the world, like this: <img src="http://www.tutorialpage.com/images/snapdragon.jpg" alt="tutorials.com"> This is just an example the address in the src attribute refers to the address of the image file online. *Animated Images* The GIF standard allows animated images: <img src="programming.gif" alt="picture here" style="width:48px; height:48px;"> Note that the syntax of inserting animated images is no different from non-animated images. *Using an Image as a Link* To use an image as a link, simply nest the <img> tag inside the <a> tag. Example: <a href="default.asp"> <img src="smiley.gif" alt="HTML tutorial" style="width:42px; height:42px; border:0;"> </a> Note: Best store in a folder all the files including pictures relating to the webpages of he project you are working on. Powered by Programmers Community... 1 Share
|
| Programming › Re: I Want To Build Websites All By Myself by eesyy(op): 9:26pm On Sep 01, 2020*. Modified: 9:44pm On Sep 01, 2020 |
*HTML – COMMENTS* Comment is a piece of code which is ignored by any web browser. It is a good practice to add comments into your HTML code, especially in complex documents, to indicate sections of a document, and any other notes to anyone looking at the code. Comments help you and others understand your code and increases code readability. HTML comments are placed in between <!-- and -->tags. So, any content placed within <!-- ... --> tags will be treated as comment and will be completely ignored by the browser, and not displayed at all. That is: open angle bracket, exclamation mark, hyphen, hyphen, closed then with hyphen, hyphen, close angle bracket. <!DOCTYPE html> <html> <head> <title>This is document title</title> </head> <body> <p>Document content goes here.....</p> <p> <!-- Document content goes here..... --> </p> </body> </html> Comments do not nest which means a comment cannot be put inside another comment. Second the double-dash sequence "--" may not appear inside a comment except as part of the closing --> tag. You must also make sure that there are no spaces in the start-of-comment string i.e. don't do this: <! -- - ->. *Multiline Comments* So far we have seen single line comments, but HTML supports multi-line comments as well. You can comment multiple lines by the special beginning tag <!-- and ending tag --> placed before the first line and end of the last line as shown in the given example below. . . . <body> <p> Here I am </p> <!-- <p>Document content goes here.....</p> <p> Here again </p> --> </body> </html> You will notice that unlike the first example, the second example has two elements inside the comments. Comments can hold elements, not just texts alone. Infact comments can hold anything and any number of things. The point is that it will cause the browser to ignore whatever is placed inside. The browser automatically jumps over the text or code and continues as if the content of the comment does not exist in the code. So you can see that Comments allow you to hide parts of code or text- do without them but not do away with them, they still remain in your code. You might ask why keep code or text I do not want? The reasons are: 1. You might need it later to be read by the browser. 2. You might want to refer to it later. 3. It might serve as a reminder maybe for a task to be performed, or anything at all. 4. It might be for testing purposes: to see what happens without a section of code when it is commented. 5. Comments can serve to explain parts/sections of code to you or others for future purpose mostly; helps when revisiting a web document for editing or updating. For example: <!DOCTYPE html> <html> <head><!-- Document Header Starts --> <title>This is document title</title> </head><!-- Document Header Ends --> <body> <p>Document content goes here.....</p> </body> </html> These make Comments a necessary part of our coding practice. It is vital to leave notes in your code explaining sensitive, technical or complex sections of your work in case of future or academic purpose, not just for others but also yourself. Another programmer might have to edit your work in probably maintaining the website and no matter how vast and skilled he/she is, it would make a whole world of difference with comments here and there. Also I have found myself studying my own code in order to edit or update it, long after I have done and sealed the job. Comments makes things faster, easier and encouraging for others and yourself. Let's apply accordingly and appropriately please. Powered by Programmers Community... 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 9:25pm On Sep 01, 2020*. Modified: 9:43pm On Sep 01, 2020 |
*HTML – COMMENTS* Comment is a piece of code which is ignored by any web browser. It is a good practice to add comments into your HTML code, especially in complex documents, to indicate sections of a document, and any other notes to anyone looking at the code. Comments help you and others understand your code and increases code readability. HTML comments are placed in between <!-- and -->tags. So, any content placed within <!-- ... --> tags will be treated as comment and will be completely ignored by the browser, and not displayed at all. That is: open angle bracket, exclamation mark, hyphen, hyphen, closed then with hyphen, hyphen, close angle bracket. <!DOCTYPE html> <html> <head> <title>This is document title</title> </head> <body> <p>Document content goes here.....</p> <p> <!-- Document content goes here..... --> </p> </body> </html> Comments do not nest which means a comment cannot be put inside another comment. Second the double-dash sequence "--" may not appear inside a comment except as part of the closing --> tag. You must also make sure that there are no spaces in the start-of-comment string i.e. don't do this: <! -- - ->. *Multiline Comments* So far we have seen single line comments, but HTML supports multi-line comments as well. You can comment multiple lines by the special beginning tag <!-- and ending tag --> placed before the first line and end of the last line as shown in the given example below. . . . <body> <p> Here I am </p> <!-- <p>Document content goes here.....</p> <p> Here again </p> --> </body> </html> You will notice that unlike the first example, the second example has two elements inside the comments. Comments can hold elements, not just texts alone. Infact comments can hold anything and any number of things. The point is that it will cause the browser to ignore whatever is placed inside. The browser automatically jumps over the text or code and continues as if the content of the comment does not exist in the code. So you can see that Comments allow you to hide parts of code or text- do without them but not do away with them, they still remain in your code. You might ask why keep code or text I do not want? The reasons are: 1. You might need it later to be read by the browser. 2. You might want to refer to it later. 3. It might serve as a reminder maybe for a task to be performed, or anything at all. 4. It might be for testing purposes: to see what happens without a section of code when it is commented. 5. Comments can serve to explain parts/sections of code to you or others for future purpose mostly; helps when revisiting a web document for editing or updating. For example: <!DOCTYPE html> <html> <head><!-- Document Header Starts --> <title>This is document title</title> </head><!-- Document Header Ends --> <body> <p>Document content goes here.....</p> </body> </html> These make Comments a necessary part of our coding practice. It is vital to leave notes in your code explaining sensitive, technical or complex sections of your work in case of future or academic purpose, not just for others but also yourself. Another programmer might have to edit your work in probably maintaining the website and no matter how vast and skilled he/she is, it would make a whole world of difference with comments here and there. Also I have found myself studying my own code in order to edit or update it, long after I have done and sealed the job. Comments makes things faster, easier and encouraging for others and yourself. Let's apply accordingly and appropriately please. Powered by Programmers Community... 1 Like 1 Share
|
| Christianity Etc › Re: Morning Chop - RHAPSODY OF REALITIES CHRISTIAN DIARY by eesyy(op): 9:55am On Sep 01, 2020 |
*RHAPSODY OF REALITIES DAILY DEVOTIONAL (DOWNLOAD THE NEW RHAPSODY APP => https:///30XG30w)* *LIVE FOR CHRIST.* Tuesday, September 1st. Pastor Chris _*I call heaven and earth to record this day against you, that I have set before you life and death, blessing and cursing: therefore choose life, that both thou and thy seed may Live (Deuteronomy 30:19).*_ There re Christians who are fretful about the rapture, uncertain about their eternal security. The Lord doesn't want us to live in such fear or anxiety. The truth is, eternal security is real for the one who as born again, but it at conditioned on your living the Christ-life, living in His righteousness until the end. If, for example, someone who as been born again, changes his mind later about following Jesus, such a person is in trouble, because his eternal security with God is in jeopardy. When you're born again, you're born into God's presence; you live in God's presence. He's your Protector. He keeps you, and no one is able to pluck you out of His hand, according to the Scriptures. However, life is full of choices. You are the one to make a choice to live for Him continually. When God guides us, He presents us with the options, and then He also tells us what to choose. But He doesn't force us in the choices we make, though He lets us understand the consequences of making the wrong choices. What you must do, therefore, is to live according to His Word. That as the simplest thing ever. When you're born again, living for Christ is the most natural thing to do with your new nature in Christ. Living right is so natural to you that you have to be tempted to do wrong. This is also where the ministry of the Holy Spirit comes in. The Holy Spirit helps you live the Christian life, and with Him in your life, you never have to worry about missing your way. Moreover, the Bible says Now unto him that is able to keep you from falling, and to present you faultless before the presence of his glory with exceeding joy (Jude 1:24). As you live for the Lord, serving Him passionately with absolute conviction, He'll fulfil His purpose and ministry in your life *CONFESSION* *I live purposefully, fulfilling my ministry and calling in Christ Jesus. I refuse to allow anything take my attention away from the Lord and His eternal Kingdom. I am not slothful in business; I am fervent in spirit, serving the Lord, so that I might finish my course with joy, and the ministry, which I've received of the Lord Jesus, to testify the Gospel of the grace of God. Hallelujah!* *FURTHER STUDY:* *2 Peter 1:5-112* :5 And beside this, giving all diligence, add to your faith virtue; and to virtue knowledge; :6 And to knowledge temperance; and to temperance patience; and to patience godliness; :7 And to godliness brotherly kindness; and to brotherly kindness charity. :8 For if these things be in you, and abound, they make you that ye shall neither be barren nor unfruitful in the knowledge of our Lord Jesus Christ. :9 But he that lacketh these things is blind, and cannot see afar off, and hath forgotten that he was purged from his old sins. :10 Wherefore the rather, brethren, give diligence to make your calling and election sure: for if ye do these things, ye shall never fall: :11 For so an entrance shall be ministered unto you abundantly into the everlasting kingdom of our Lord and Saviour Jesus Christ. *2 Corinthians 5:15* And that he died for all, that they which live should not henceforth live unto themselves, but unto him which died for them, and rose again. _We trust you have been blessed by this devotional. We invite you to make Jesus Christ the Lord of your life by praying thus:_ *_“O Lord God, I believe with all my heart in Jesus Christ, Son of the living God. I believe He died for me and God raised Him from the dead. I believe He’s alive today. I confess with my mouth that Jesus Christ is the Lord of my life from this day. Through Him and in His Name, I have eternal life; I’m born again. Thank you Lord, for saving my soul! I’m now a child of God. Hallelujah!”_* Let us know that you made that declaration by sending a mail to info@rhapsodyofrealities.org *DAILY SCRIPTURE READING* *1-Year Bible Reading Plan=>* 1 Corinthians15:35-38 Proverbs 7&9 *2-Year Bible Reading Plan=>* 1 Thessalonians 2:10-20 & Jeremiah 18 *Stay blessed* 1 Share
|
| Webmasters › Re: I Want To Build Websites All By Myself. Can I? by eesyy(op): 8:22pm On Aug 31, 2020 |
*The HTML Style Attribute* Remember we established Attributes as additional information placed in opening tags to cause the element display in different manners. The style Attribute and style sheet do the same thing: they allow you the programmer to 'style' elements the way you want them to appear giving the page an overall defined outlook; they provide beauty and layout to the web page. Setting the style of an HTML element, can be done with the style attribute. The HTML style attribute has the following syntax: style="property:value;" The property is a CSS property. The value is a CSS value. At this point you would want to ask want is CSS? That is a topic for later and we will expound on it at the appropriate time. Let's apply the syntax mentioned above. *HTML Background Color* The background-color property defines the background color for an HTML element; example below. *HTML Text Color* The color property defines the text color for an HTML element; example below. *HTML Fonts* The font-family property defines the font to be used for an HTML element; example below. *HTML Text Size* The font-size property defines the text size for an HTML element, units can be in percentage or pixels; example below. *HTML Text Alignment The text-align property defines the horizontal text alignment for an HTML element to left, right or center; example below. This example sets the background for a page to yellow, both headers centred while the colour of first header is red, the first paragraph is in Verdana font, second and third paragraph are formatted in text sizes to 160 percent and 17 pixels respectively: <body style="background-color: yellow;"> <h1 style="color: red; text-align: center;" >This is a heading</h1> <p style="font-family: verdana;">This is a paragraph.</p> <p style="font-size: 160%;">This is another paragraph.</p> <h2 style="text-align: center;"> Sub-heading </h2> <p style="font-size: 17px;"> New paragraph</p> </body> Your page should appear on your browser like what you see in the image uploaded below. This is a peek into styling a web page which is really interesting. Now you have an idea what style sheets and style attribute can do. Pay around with the properties and values for a bit. It's quite fun to learn, easy as breathing. Powered by Programmers Community... 1 Share
|
![http://www.tutorialpage.com/images/snapdragon.jpg"](http://www.tutorialpage.com/images/snapdragon.jpg"){kind=link}