[HTML] Day 7: Learning more HTML Tags - 1: Anchor & CSS and more




<a></a> =  Anchor = link?


I use Link icon all the time. Anchor tag allows to add hyperlink



  • What I learn from this?
           - href is Hyper Reference
           - <a href="">OOO<a/> 요런식으로 들어야함. 제대로 안 넣었더니 링크가 안달림 ㅠㅠ

Can I open this link as new tab? target="blank"


What is tool tip? It allows to see preview of that link 





All rights and reserved 생활코딩


I screenshot the webpage layout example from 생활코딩




Somehow my code was not saved at this point I will copy simple code from 생활코딩 and will work my way up as it goes.


At this time I want to put the link to each title and I will use anchor <a href=""></a>



WEB, HTML, CSS, and JavaScript will contain each different contents and I will duplicate for each link



For each html file will contain different contents so I need to create new html files. 
First, use right click 1.html and make duplicate and rename for 2.html and so on

Since 2.html contains information about CSS I will get wiki pages that explain about CSS and add under <p></p>

Refresh my page and Voila!




Did exactly same with 3.html for JavaScript

In result, each category contains contents and works smoothly :) Whoa this is so much fun!

My Result

* What I learn from this
- Can still use ctrl + click to each like to select multiple lines and edit at the same time
- CSS is important and I see so many new ideas can be created if I know more CSS code











Popular posts from this blog

[CSS] Day 4: Let's practice - box

Image
Let's create box.html and retain basic html code <!DOCTYPE html> <html>   <head>     <meta charset="utf-8">     <title></title>   </head>   <body>   </body> </html> Block-level element and inline element Block-level: uses entire space /* block level element */ Inline element: uses partial /* inline element */ comma , allows duplicate code  h1, a{      border:5px solid red;  } more examples : CSS box model --> image search Right-Click --> Inspect
Read more

[AWS] Intro to Cloud Practitioner 01

What is Cloud Computing? On-demand delivery of IT resources and applications via the internet. This allows to measure scale up and down depends on what we actually need Could be temporary and easy to fix Could reduce risk and reliable coverage and secure data Agility is the key Quick response and flexibility is helpful  Could be used to your own pace Customer can grow and shrink flexible  Why do companies move to cloud computing? Its because of agility! 3 of the main factors that influence agility are: 1. Increasing speed 2. The easy of experimentation 3. Cultivating of cultural innovation Possible to global reach in a minute does not require much to depend on the building infrastructure Consistent development setting Elasticity - allow to scale up and down instantly
Read more

[AWS] AWS Management Interfaces 02

AWS Management Interfaces 3 ways to use AWS -  built upon API 1. AWS Management Console Easy-to-use graphical interface that supports the majority of Amazon Web Services Usability Benefits Let you use to open via the android platform  View your existing resources, alarms, perform operation tasks  2. Command Line Interface (CLI) Access to services via the discrete command Allow you to automate and repeat of the AWS resources 3. Software Development Kits (SDKs) Incorporate the connectivity and functionality of the wide range of AWS Cloud services into your code can help you use with your existing application by using code You have the flexibility to create your own
Read more