HTML Links and Images - HTML Virgin

HTML Links and Images - HTML Virgin

http://codebabes.com/courses/html-virgin/html-links-and-images Ok, now we have a few elements on our HTML page. But it's called the world wide web right? The thing that really makes the web work are links. Links to pages you like. Links to Ryan Gosling pictures. Links to pictures of babes like me. Links to all the things! You do this with the almighty A tag. By itself the A tag creates a hyperlink and you tell the link where to go with the H REF attribute. Add HREF then equals, and the link you want in quotes. You can make this an absolute link like HTTP codebabes.com or a relative link to something within your website. Let's say we had another html file in our directory, we could link to this with a relative link. So the href attribute would look like HREF equals page 2 dot html. The browser already knows the html file you're viewing is in the website directory, so it looks for page 2 dot html relative to that location, hence the name relative link. Pages full of text and links are great, but let's face it, a little boring. Time to spice things up! Let's add some images! You wouldn't be able to look at babes online all day if it weren't for images! To add an image to a website you need to use the IMG tag. Let's look at an example. Image tags are an example of a tag that doesn't have to be closed. Here is what an image tag looks like: http://codebabes.com/courses/html-virgin/html-links-and-images The SRC or source attribute lets the browser know where to find the image within your web directory, or you can specify some other image on the internet if you have it's full url, which would be called an absolute link. Let's open our site folder and add an image directory. I'll put a babelicious picture of myself in there to reference. Sometimes if people need to resize an image you can use the optional height and width attributes, if they are not included the browser will just display the image at it's full size. The alt attribute is for accessibility and let's people who are using screen readers or other tools know what the image is about. Alright, nice work, now we'll move onto html layout, hope you can still concentrate. http://codebabes.com/courses/html-virgin/html-links-and-images

HTML video tutorial - 28 - html img tag

HTML video tutorial - 28 - html img tag

html img tag: img tag is a unpaired tag. img tag is a inline tag. img tag has various attributes like: src, width, height, title, alt, border. src attribute indicates the source, source image name or full path of the source image is given as a value to src attribute. width attribute is used to set the width of the image. height attribute is used to set the height of the image. title attribute: when we mouse over the image the value given to the title attribute is displayed as a tool tip. border attribute used to set the border to image. alt attribute is used to give an alternate name to the image, when source image is not available at specified location then alternate text will get display in place of the image. ======================================================== Follow the link for next video: https://youtu.be/4c7VLPZNW5w Follow the link for previous video: https://youtu.be/K0QsCbeMXkw ========= For more benefits & Be up to date =================== Subscribe to the channel: https://www.youtube.com/chidrestechtu... Like the Facebook fan page: https://www.facebook.com/ManjunathChidre Visit to Chidre's Tech Tutorials website: http://www.chidrestechtutorials.com ========== HTML Questions & Answers ====================== 1. Which HTML tag is used to display a picture? a. picture b. image c. img d. src Answer: c 2. if an image could not be loaded, then which of the following attribute is used with HTML img tag to display an alternative text? a. title b. name c. alt d. description Answer: c 3. URL stands for __________________________ a. Uniform Resource Language b. Uniform Resource Loader c. Uniform Reset Locator d. Uniform Resource Locator Answer: d 4. JPEG full form is _________________________ a. Joint Pictures Experts Graph b. Joint Photographic Experts Group c. Joint Pictures Experimental Group d. Joint Pictures Experimental Graph Answer: b ========================================================

Absolute and Relative Linking HTML

Absolute and Relative Linking HTML

Learn the difference between Absolute and Relative linking. Also see how to link to other html pages in your website folder structure. ITLS 5265 & 6265

Learn HTML in 12 Minutes

Learn HTML in 12 Minutes

In this short HTML tutorial, I explain the basic structure of an HTML webpage and introduce some important tags. Support this channel at https://www.patreon.com/jakewright Ready to learn some more advanced HTML? Move on to Learn More HTML in 12 Minutes http://youtu.be/KJ13lX20FqU Learn CSS in 12 Minutes http://youtu.be/0afZj1G0BIE Learn JavaScript in 12 Minutes http://youtu.be/Ukg_U3CnJWI Looking to do something more advanced with a webpage? PHP is one of the most useful languages to know when developing for the web. Check out my video Learn PHP in 15 Minutes: http://youtu.be/ZdP0KM49IVk Heard about Docker and want to know more? Learn Docker in 12 Minutes: https://youtu.be/YFl2mCHdv24 Recommended cloud server provider: DigitalOcean. Get $10 credit with this link https://m.do.co/c/791d593997b2 http://jakewright.net

Intro to Web Development & the LAMP Stack

Intro to Web Development & the LAMP Stack

Glasses this time, but keep up the hard work, we're just getting started. When you type a web address in your browser it's asking a web server somewhere to send your browser a page to display. The webserver gets the request and is like yeah, ok Emma Watson pictures again!?... what a weirdo, but whatever, here is the page. A bunch of technologies work together on the server to make this happen, the stack. The most common stack is the LAMP stack, made up of four things, Linux is the operating system, Apache is the web server, mySQL is the database, and PHP is the server side programming language. You can stick other stuff in too, like Python or Ruby instead of PHP, Engine X instead of Apache, or MariaDB instead of mySQL, and tons more. If you buy server space for a site it's usually running a version of the LAMP stack. Let's go deep. A distribution of Linux is the operating system. Linux is stable, secure, free, and it's open source, meaning that anyone can download it and look at the source code, plus if you're a programmer you can contribute code back to it, like a bad ass. Apache is the web server. It listens for your page requests and then tells the server to run the necessary code, in this case PHP. That code runs and accesses or inputs any data it needs into the mySQL database and dynamically spits out a page of HTML, plus some other files which Apache sends back to you. Now you're thinking, what language should I learn? The answer? Fucking pick one and get to work! For the web, Ruby or Python are well written languages that help you learn to write good code. PHP is great too, in fact, it's the most popular language on the web. Facebook was written in PHP and open source CMS systems, like Wordpress and Drupal use it. If you kick ass with any of those, you'll always be able to find a job, unless you're a total asshole, and even then it might not matter. PHP gets made fun of for not being as elegant as other languages and being a bit quirky, but newer versions are better, and it's not going anywhere. Any good developer knows at least one language well with a peripheral knowledge of a few others, and is always learning. Once you master the basics of programming it's easier to pick up new languages too. Now, there's one more layer, the front end code like HTML, CSS, and Javascript. This code lives on your server too, in a directory usually called the webroot, along with the server side code. If your site is dynamic, the HTML gets generated on the fly, and any referenced CSS and Javascript, plus images, video or audio files get sent to your browser to become a web page. The look and feel of that web page is controlled by the front end code, the HTML, CSS and javascript which we'll talk about next, and things will start looking real good.

How to put a image in web page (HTML)

How to put a image in web page (HTML)

This video is showing you how to write a image in a HTML Code with Sublime Text 3. Like and Comment Please if anything you did not like I will try to get better at making the video's with learning how to program in HTML. Twitter : @btravis786 Facebook : /travisbrown2014 Contact Email : tb2506937@gmail.com Thanks and Have a great 4th of July

Linking Within Same Page and Different Pages

Linking Within Same Page and Different Pages

HTML Tutorials for Beginners - Linking Within Same Page and Different Pages This tutorial teaches how to link different pages in our website and also how we can give link to some content on the same page using "id" attribute. In this video series we will study basics of html. We will study basics tags in HTML with their meaning. NOTE: Pages that are to be linked in our website should be placed in the same folder as that of index.html In this series, HTML Tutorials for Beginners we will start from scratch and learn how the web pages on the internet are made. In this series we will be assuming the that you have never programmed in your life, so anyone can follow along. As the series progress we will also look into HTML5 the latest standard in the internet technology and discuss some of the features of it. Blog: http://wethecomputerguys.com/ Facebook: https://www.facebook.com/wethecomputerguys We The Computer Guys Ananya Jain Aakash Thakur Shreyas Zagade

HTML Virgin - Intro to HTML

HTML Virgin - Intro to HTML

http://codebabes.com/courses/html-virgin Welcome to the CodeBabes HTML virgin course. HTML stands for HyperText Markup Language, and is the underlying foundation for all websites. For this course you're going to need a computer, and your brain. The bar is set pretty high. Creating an HTML page is super easy. Create a folder on your desktop called website. Inside, we create a file called index.html, and add some text. This will be the home page of our site. We'll stick some lorum ipsum in here. Lorem ipsum is filler text web developers use before there is actual content. If you want to preview how an HTML file looks, you can open the file in your browser. Let's talk about how to write HTML. There are three things you need to know, tags, elements, and attributes. HTML is made up of a bunch of different tags that let the browser know what's going on. We'll do an H1 tag as an example. This tag identifies the first level header element of an HTML page. So usually the H1 would be the main title of the page. Tags look like this, the tag name, enclosed by two angle brackets. That's the opening tag, then your text comes next. The closing tag looks the same, but there is a forward slash added right before the tag name. With all these pieces together, we now have an HTML element. Let's create a paragraph element for comparison. You'll notice that the H1 text is bigger than the paragraph text. This is because of default styles that come with the browser. They will change the look of different tags by default. As you progress, you'll learn how to change this look with CSS. Speaking of CSS, lets talk about attributes. HTML attributes are most commonly used in conjunction with CSS. They help CSS choose which HTML elements need their appearance changed. They are added like this, attribute equals value, within the brackets of the first tag. Attributes are used for stuff like id's and classes which CSS and javascript use to target certain elements. So, we've got some HTML, but we need a few more tags in our file to make this page technically correct. First we'll add the doctype tag to the top of the page. This tells the browser what type of HTML to expect. There are many types of HTML. This doctype means HTML 5. HTML 5 is all the rage, you've probably heard about how it can cure cancer and bring your dead dog back to life. For now don't worry about it; there will be other lessons about all of the amazeballs things it can do. The things we're discussing apply to all versions of HTML. An HTML document consists of two main parts. The head. And the body. The head tag contains information about the page, such as the title, description, and in more advanced lessons, references to css files. Things in the head don't appear on the page, but they still have important uses. The title is displayed on the browser tab, and is used as the name of bookmarks. Search engines can use the title in search results. Next comes the body element, which encloses the visible HTML content, like the header, paragraph and anything else we plan on adding to the page. And of course we have to close all these tags. And boom goes the dynamite, we've got ourselves a legit page of HTML. Next, we'll talk more about text tags and things will heat up! Super Awesome Inc. This is where all your content goes http://codebabes.com/courses/html-virgin

9. HTML Images and Links in Hindi/ Urdu | How to add images in html and links to images.

9. HTML Images and Links in Hindi/ Urdu | How to add images in html and links to images.

In this tutorial you will learn about Images, means how to add images in html web pages, give image height and width. And how to give a link or how to create a link on image. Facebook Page : https://www.facebook.com/jpwebtutorials Email : jpwebtutorials@gmail.com Youtube: https://www.youtube.com/jpwebtutorials

Designing A Pro HTML Site In Minutes

Designing A Pro HTML Site In Minutes

In this tutorial I will teach you how to make the basis for a professional looking website. The tutorial is quite fast flowing so if you get confused at all please go back to some beginner tutorials on my channel. Follow Me: http://www.twitter.com/edzjohnson

Top Videos -  loading... Change country
Load 10 more videos
 
Latest Searches
 
Sorry, You can't play this video
00:00/00:00
  •  
  •  
  •  
  •  
  •  
  •  
  •  
CLOSE
CLOSE
CLOSE