Posts

Showing posts from November, 2019

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

Image
HTML Specification 설명서 (W3C) <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 c...
Read more

Building your webpage from scratch -beginners by Jerry Low

Image
Reference: Upsplash  Randy Fath  웹사이트를 제작하는 XNUMX가지 쉬운 방법: 단계별 초보자 가이드  by Jerry Low
Read more

[HTML] Day 6: Creating title of my webpage

Image
Can I create title of my webpage instead of 1.html? <title></<title> This changed my web page title from 1.html to My Web --> Alright but I kind of want to add different language but I know I need to use an attribute <meta charset =" utf-8 ">. Charset = Character & Set The most importantly... To finish and make this as universal  1. Start off <!doctype html>: The document type of this page is html 2. follow by <html></html> 3. Separate the title and the body: <head></head> and <body></body> Let's look at the YouTube's source page!
Read more

[HTML] Day 5: Parent Child Relationship

Image
11/18/2019  Feeling confident 😊 Imagining what my webpage will contain other than txt and images? Table of contents.   hmmmm...but is there any tag for table to content? like paragraph <p> <li></li>, li is for List Now I'm wondering what if I have more than one type of content? <ul></ul> <-- Parent for <li></li> / ul --> Unordered List What I learn so far           - cmd + select each line to modify multiple lines at the same time           - <ul></ul> creates indentation What if I want to change anything under the list but its within 1000 millions of data? <ol></ol> --> Ordered List  I know it is the beginning but more I know the more confident I am! 
Read more

[HTML] Day 4: I want to add images

Image
11/17/2019 - Productive weekend 🌞 I'm thinking how hard to add images into my webpage? All my favorite webpage contains lots of images. Which code can I use? <img> = image <img> but I feel like image file always contains with jpg or jpeg and stuff so lets search. What other code do I need to add with tag <img>? <img src="" width "" >, src = source /  Attribute (속성) Where to get a free image source? Unsplash 1. Pick any image and save under web file  2. Change image name if its too long  3. Use <img src="add name"> 4. Save and display but the image size was wayyyyy to big so I need to make the adjustment 5. <img src="cd.jpg" width="450"> or can use 100% to fit in the webpage <img src="cd.jpg" width="100%"> yay!!!!!
Read more

[HTML] Day 3: Make a new line, which tag should I use?

Image
                                                                                                                                          11/17/2019 - Productive weekend 🌞 What if my contents have more than one sentence? and how can I neatly organize them? I want to add more contents and this is not an important process so I will just add random contents from the Google search.  Let's begin by Google search for html new line tag. I used w3school  and I added that content with the code yay! It worked :) What did I learn from this?            - <br> does not...
Read more

[HTML] Day 2: More HTML Codes

Image
11/17/2019 - Productive weekend 🌞 I found some random HTML code from my favorite websites and I want to know what that means? So, let's use Google search. Q. What is HTML h1 tag?       - w3school.com  says, <h1> is the most important heading. I'm still not quite sure about what it means. Let's copy and paste the example to 1.html What did I learn from this? - When the number gets bigger, the size gets small - Bold and new lines - Its heading and span of 1 to6 The example that I made by using code so far... Which HTML codes are the most popular and why?            -  AWR : Advanced Web Ranking, average web page uses 25 different element type            - Which code uses the most? . . . .
Read more

[HTML] Day 1: The beginning

Image
11/17/2019 - Productive weekend 🌞 Reference:  생활코딩 유튜브 HTML Editor           - Download and install  Atom How to use Atom Create a file (directory) name "web" in your desktop In Atom, file --> Open Folder --> select folder "web" Right click web --> New File  --> create 1.html Open 1.html as webpage: Ctrl + O --> select 1.html If it does not open automatically, drag the file to already opened weblpage Start coding with HTML In Atom under 1.html start to write any text Save it: Ctrl + S Lets make bold word by using tag  <strong> </strong> | | Now that I know a tiny bit of  HTML code, I want to see how my favorite websites are built?            - Open any of your favorite website and right click --> view page source
Read more

Useful websites for developers

Image
11/15/2019  Reference: Unsplash  Fabian Grohs  The list of useful websites for developers and I need to create an account for each one. 역시 어디서 무엇을 하던간에 내 자신을 잘 알아야한다. 내 장/단점 1. Google ✅ 2.  Github ✅ 3. StackOverflow 4. Khan Academy 5. Facebook Communities✅     - 페이스북 개발자 해외취업 6. 백준 온라인 져지 7. 프로그래머스 8. leetcode 9. Careercup 10. Geeks for Geeks 11. awwwards Software Developer Communities/forums US 1.  Ubuntu Community 2. StackOverFlow 3. GitHub Community KR 1.  Ubuntu Community - Korea 2. OKKY Blog  1.  미국 개발자 취업을 알아보자] 지원. 시작이 반이다! 2.  Best Top developer Community Every Developer Should Visit 3. Quora Questions and Answers Job Fairs 1. Grass Hopper 2. Greylock Techfair Python Cheatsheet
Read more

[LINUX] Day1: Learning Linux - the beginning

Image
11/15/2019 All references are going to be based on this blog   초코몽키의 개발공부로그 Daily log for what I learn for the day: summaries and notes 1. What is Linux?  Linux Journey   Linux Shortcuts 1 (Basic) echo: Display text arguments pwd: Print working directory cd: Change Directory cd . : Current directory cd .. :Directory above your current cd ~ : Default directory cd - : previous directory you were just at ls: List Directories ls -a: view hidden directory ls -l: Shows a detailed list of files in a long format ls -a: Shows everything -l and -a touch: Create new empty files file: To find out what kind of file it is cat: displays contents and combine multiple files and show the output  less: display in file so that can navigate through a text file page by page q: quit out of less and go back to your shell Page up, Page down, Up and Down: Navigate using the arrow keys and page keys g: Moves to beginning of the text file G: Moves to...
Read more