🎥 This video looks at HTML attributes in links and images. In this video, we’re going to take a look at HTML attributes with a particular focus on links and images. We’ll look at the href attribute which allows us to specify and use different types of links - links that navigate to external sites, to different pages on our own site, or just to different parts or sections of the same page. We also look at the image element's src attribute, which allows us to include images on our page from anywhere on the web, or preferably to images we control locally. Images also have an alt attribute which provides alternative text if an image cannot load, and this is used by screen reader software so that the visually impaired can still understand the image.
Additionally, we take our first glance at Chrome Dev Tools - the powerful developer tools that are built into the Chrome browser which enable developers to 'look under the hood' of any web page.
At the end of the video, there's even some bonus JavaScript to handle smooth scrolling on our page! 🙌 So we see for the first time, two of the three front end technologies working together. You can take this JavaScript with you and use it on any future project to handle smooth scrolling between locations on the same page.
💻 Get the code:
Repo:
JavaScript used for the scrolling (visit the link, copy the code and paste into the bottom of your body section):
🌏 Links used in the video:
► The HTML for Absolute Beginners playlist:
👍 Social Media:
💾 Code & Projects:
📩Email: sigmaschool@outlook.com
0 Comments