Skip to main content

Posts

Showing posts from February, 2022

How to create side by side tables in html

In this tutorial ,how to create side by side table s in html and css.    Here, am using for create side by side tables with the CSS flex property for divide the column 50% and make the simple design using html and css.  Read also: How to create multiple table using HTML Side By Side Table In HTML Style: * { box-sizing: border-box; } .container { width:1200px; margin:0 auto; } table { border-collapse: collapse; width: 100%; border: 1px solid #323232; } .row { display:flex; } .column { float:left; flex:50%; padding:10px; } th,td { text-align:left; padding:10px; border:1px solid #323232; } .header { background-color:#121212; color:#fff; } .secondheader { background-color:#cccccc; color:#323232; } HTML: <body> <div class="container"> <h2>Side by Side Tables in HTML</h2> <div class="row"> <div class="column"> <table> <tr class="header"> <th>S.NO</th> <th>ORDER</th> ...

PHP Connect to MySQL Database

  In this tutorial, how to PHP connect to PDO and MySQL . PDO means PHP Data Objects and makes connections are established by creating instances of PDO base class.   It does not need to matter what driver you are using just use the PDO connection and it takes and accepts the parameters for connecting databases.   PDO supported by databases are mysql,postgresql,ms sql server, oracle ,sqlite ...,etc. The advantage of PDO provides many ways to works with objects and retrieve and work much easier. It's easy to access databases through PHP.    PDO is easy to adapt to different databases and platforms by changing the connection string.    PDO has reduced the line of insert and update database operation into a two-step process, and PDO is full advantages of prepare->bind->execute of the prepared statement which is used to protect against malicious attacks through SQL injection.    They are three pdo classes    PD...

Activate and Deactivate in PHP and MySQL

  In this tutorial,you will learn how to create activate and deactivate status in PHP and MySQL on the button click. I have shared some simple steps and easy to develop the code. How does it work? Here, I can create two tables for the teacher (admin) and student (user) , teacher has the displayed table with activate and deactivate button.  The student update with name and class, if the teacher shows some file to a particular student by the class and the teacher will change to activate the account button and student using to login by name and class. If the account is deactivate the student contact the teacher to activate the account.   Before getting started, you should create the empty file that you want to write the code or copy the code and all the files follow the .php end extension   Read also: This keyword in Javascript   First, create the database connection using PHP and MySQL by the name of dbconfig.php   index.php  add....

How to create a html tag for css

  In HTML tag for CSS, when you are learning web development, you are must know about HTML and CSS. we basically know HTML means hypertext markup language and it's a text-based document used for HTML documents to be displayed in a browser and CSS (cascading stylesheets) are designed the document pretty look and show to the viewers. Here, we are creating a CSS link easily and linking the stylesheet to the HTML file in three different methods: Inline-style  Internal styles(embedded style)  External style Read also: HTML Tables with Examples HTML Document:    Here, without the CSS how the HTML file should look like the plain text document on the web page. And CSS is a must for web pages to properly and look attractive design and HTML is the backbone of the internet means CSS is the backbone of HTML. <html> <head> </head> <body> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididun...

HTML tag for Images

    Html tag for images is used to insert an image in a website.   Image path that declare using inside tag .    If you are using empty tag there is no closing tag or called an unpaired tag .   Html is a building of a website so the tag is already specified so we can't create our own for us. Like that tag also have some attributes are used to display an image on a website or webpage.    The attributes are src, src stands for "source" , which is used to fetch an image from URL. And another one is alt Attribute used to define an "alternate text" for an image .some time the server can't get an error that time alt is shown alternate text in img source.    Read also:  How to do Keyword Research for seo Read also: How to passing data table as parameter to stored procedures for SQL server   Another part can resize the image using width and height to display an image on a webpage.   HTML Tags for images - Det...

Html Color Codes for background and Color Names with Examples

  In this tutorial we will cover how to create HTML color codes for background and color names with change HTML color codes, using HEX color codes, RGB codes, HSL codes. What are HTML Color Codes? HTML color codes are must every coder fundamental skills to be designing the level in HTML. In HTML very important is how we arrange, text format, and How we are presented the article looks at the text, and how we are color for HTML code is an important design element for every website. Hex Color Codes HTML color codes are representing the colors red, green, and blue in hexadecimal codes ( #RRGGBB ). hexadecimal number system uses a combination of 16 digits characters and uses ten numbers in the decimal system 0 to 9 and alphabetic A through F. And the popular hex color codes are consist of six digits with each pair of Hex code representing red, green, blue. # RR GG BB How the HTML Color Codes works? For Example, we want to design a page to...

Mat Calendar Design template using Html and CSS

  In this article how to create mat calendar design template design simple using HTML, CSS and easy to understand and recreate the template has you can and instead of old look and create look classy save you some time and our template satisfaction And download button below. Here, we can create two empty file Index.html Style.css HTML and CSS calendar design are started code here, Just copy the codes and paste on your code editor and before create the above empty file or download the code below and recreate the code. Index.html <html> <head> </head> <body> <div class="calendar"> <div class="date"> <h3>July</h3> <div class="days"> <div class="day">Sun</div> <div class="day">Mon</div> <div class="day">Tue</div> <div class="day">Wed</div> <div class="day">Thu</...

Glassmorphism Calendar Design template in Html and CSS

  In this article how to create glassmorphism calendar design template design simple using  HTML , CSS and easy to understand and recreate the template as you can and instead of glassy look and create look class save you some time and our template satisfaction And download button below. Here, we can create two empty file Index.html  Style.css Here, the code below just copy and paste on your code editor and recreate the code want you want. Index.html <html> <head> <title>GlassMorphism Calendar Design Template</title> </head> <body> <div class="calendar"> <div class="calendar-bd"> <div class="date"> <h3>July</h3> <div class="days"> <div class="day">Sun</div> <div class="day">Mon</div> <div class="day">Tue</div> <div class="day">Wed</div> <div cla...