Posts

Showing posts from June, 2018

HTML and CSS - 08

Image
In this post, we are going to learn about how to create HTML tables. Since this is a bit important and a bit complex I will add step-by-step HTML scripts So that you can do it with me.  <!DOCTYPE html> <html> <head> <meta charset= "UTF-8" > <title> Table example </title> </head> <body> <table width= "100%" border= "1" bordercolor= "blue" cellspacing= "2" cellpadding= "2" > </table> </body> </html> let's see each and each attributes used.  Width ----> Width of the table. you can give a percentage value or a metric value for this. We will talk about other options later. border ---->  Thikness of the border. Change the values and see how the border behaves. bordercolor ---> Colour of the border. cellspacing ----> Table have cells. this attribute  places  spacing  around data within each  cell cellpaddin...

HTML and CSS - 07

Image
Today we are going to discuss HTML link creation and the anchor tags.    HTML link creation <a href=""> click </a> Above is the tag we use to create links on our HTML page.  href   --> describe the destination we want to go to when we click the link.  <!DOCTYPE html> <html> <head> <meta charset= "UTF-8" > <title> My page title </title> <style type= "text/css" > p { color : green ; } h1 { color : blue ; } </style> </head> <body> <h1> Machine Learning </h1> <p><b> Machine learning (ML) </b> is the <u> study of computer algorithms </u> that improve automatically <br> through experience and by the use of data. It is seen as a part of <strong><i> artificial intelligence </i></strong> . <br> Machine learning algorithms build a model based ...

HTML and CSS - 06

Image
Here are the links to my previous lessons on HTML and CSS. html-and-ccs-01 html-and-css-02 html-and-css-03 html-and-css-04   html-and-css-05 Inserting images, audios, and videos Inserting images.  To insert images we can use <img> tag. when the images are displaying in the browser, the below attributes need to be set for a better visual experience.  <img src="image_path" width="" height=""> See below example: (make sure to insert the images to the same folder that the HTML file exists.) <!DOCTYPE html> <html> <head> <meta charset= "UTF-8" > <title> My page title </title> <style type= "text/css" > p { color : green ; } h1 { color : blue ; } </style> </head> <body> <h1> Machine Learning </h1> <p><b> Machine learning (ML) </b> is the <u> study of computer algorithms </...

HTML and CSS - 05

Image
Ok, if you are new and you couldn't find my previous posts on HTML and CSS lessons, below I've added links to my previous lessons.  html-and-ccs-01 html-and-css-02 html-and-css-03 html-and-css-04  Ok, today it's gonna be a short lesson on HTML lists. There are two types of lists you can create. Ordered List         <ol> Unordered List     <ul> Ordered List <ol> see below example. <ol> <li> Supervised learning </li> <li> Un-supervised learning </li> <li> Reinforcement learning </li> </ol> <ol> is used to mark the content as an ordered list and the list items are added using <li>  UnOrdered List <ul> see below example. <ul> <li> Linear Regression </li> <li> Logistic Regression </li> <li> Decision Tree </li> <li> SVM </li> <li> NaiveBayes </li> <li...

HTML and CSS - 04

Image
If you are searching my previous posts on this series, the links for those are added below. HTML and CSS - 01   HTML and CSS - 02 HTML and CSS - 03 Lets learn some new HTML tags today. I'm adding examples for each tag so that you can copy it and place it inside the body section.   Line break       <br> Ex :- <p> this line is the first line <br> This is the second line </p> Single space     &nbsp; Ex :- <p> This is the text before spaces  &nbsp;&nbsp;&nbsp;&nbsp; This is the text after spaces</P> Header tags <h6>    smallest header Ex:- In our previous example, we have tested this header.  Text formatting options Bold text     <strong> or <b> Ex :- <p> this is <strong> Bold text </strong> <p> Italic         <em> or <i> Ex :- <p>This is <em> Italic text ...

HTML and CSS - 03

Image
If you didn't follow up on my previous posts on HTML and CSS lessons, please refer to the below links. html and ccs - 01 html and css - 02 Ok, in previous lessons we have gone through Head tag, body tag, paragraph tag.  Today let's do small decorations to our content using CSS.  Check the below HTML.  <!DOCTYPE html> <html> <head> <meta charset= "UTF-8" > <title> My page title </title> <style type= "text/css" > p { color : green ; } h2 { color : blue ; } h1 { color : red ; } </style> </head> <body> <h1> This is header </h1> <h2> This is header </h2> <h3> This is header </h3> <h4> This is header </h4> <p> This is Paragraph <p> </body> </html> See the result of it.  So if you analyze the HTML code written here, I've used the...

HTML and CSS - 02

Image
 Hey guys, If you could not find my previous post on HTML and CSS, here it is. https://ravindatechreviews.blogspot.com/2018/06/html-and-ccs-01.html So, Let's create our own web page.  You can use your favorite IDE. even the simple NotePad would be fine. See I have written a simple structure of a web page that can be saved as .html file and can view via your favorite browser.   Yes, it is simple. I will describe the sections I've mentioned in the image.  1. with this line we tell the system that this document/file is an HTML file.  2. start of the HTML file 3. head tag which contains information regarding the web page. (in later this series, we will do a lot of things here. just be patient 😉 4. body tag, here lies the content.  So just save this and open it in your favorite web browser.  So, now you know the simple structure of a web page. Before going to more on head tag, let's play around more on the body tag.  You want headers subheaders,...

HTML And CCS - 01

Image
 Hey guys, I am back with new series which captures CSS and HTML for beginners. We will continue this post series while I'm also learning CSS and HTML from the scratch. Yes, I have a previous background when you take HTML, CSS and JavaScript but mostly I've been using Java as my main programming language for the past 4 years. So this will be a brushup for me. So, cut the crap, and let's start learning.     ================================================= So why we need HTML. what it actually do? Well. HTML indicates how a web page should be presented to the viewer. HTML ===>  HyperText Markup Language Here HyperText means all the data transfers through web.  When you go to a web page you see lot of elements there. A web has header, footer, paragraphs , images , videos . So this whole structure can be described by HTML. In another work you can describe your content on the web page using HTML. I'm not going to go in detail on the each and every tag in HTM...