HTML

<HTML> 생활코딩_웹페이지 제작. 태그 공부

쑹쑹 2023. 1. 12. 12:25
728x90
30살 마지막 도전이라고 생각 하고 시작한 프론트엔드 개발 독학

국비지원, 부트캠프, 비싼 강의 들도 많았지만 전부 내의지가 약해서 도움 받는거라 생각한다.

독학으로 결정 하면서 우선 비전공자인 내가 코딩과 친해져야 겠다고 생각이 들었다.

처음부터 어려우면 작심삼일 포기하는 내성격을 알기에 고민에 빠짐.

개발공부를 독학으로 하고 취업한 사람들이 궁금해져서 검색해본결과 전부 입문은 생활코딩으로 시작.

바로 강의를 듣자마자 신세계를 경험했다. 와 코딩이 이렇게 재밌다고???

 

 

 

앞으로 완강 하면서 코딩에 재미를 느끼고 싶다. 무료 강의인게 의문일 정도로 인생코딩 강의 같음.

문과+이과 감성이 섞인 강의 내용과 단순히 프로그램이 아닌 인생얘기도 해주셔서 너무 재밌음.

 

코딩 1도 모르는 입문자에게 강추!!

https://www.youtube.com/@coohde

 

생활코딩

일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNa

www.youtube.com

 

통계적으로 많이 쓰는 태그 공부하려면 여기 참고.

https://www.advancedwebranking.com/seo/html-study/

 

HTML Study | Advanced Web Ranking

This study looks at 11 mm index pages gathered from Top 20 Google results to uncover how people write HTML markup as new web tech emerge.

www.advancedwebranking.com

 

개발자들 필수 웹페이지

아직 잘모르지만 개발자라면 필수인 사이트 라고함.

소스를 저장하고 공유하고 개발자끼리 소통이 가능.

https://github.com/

 

GitHub: Let’s build from here

GitHub is where over 94 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...

github.com

 

공부 태그 정리

<strong></strong> : 글자 굵게

<u></u> : 밑줄. underline 이라고 외우면 쉽다.

<h1></h1> : h6까지 있음. 숫자가 작아질수록 크기가 작아짐

<i1> : 목차. 반드시 부모 태그가 따라옴 <ul></ul> or <ol></ol>

<br> : 줄바꿈. 태그 닫힘없음. 단순히 줄을 바꾼다고 생각

<pr></pr> : 문단 나눠주기. 여백 조절이 안되는 단점

└ 여백 조절할땐 <p style = "magin - top : 50px">

 <ol></ol> 쓸경우 숫자를 붙이지 않아도 자동으로 부여된다

<title></title> : 제목

<a href = " " ></a> : 링크 걸때 사용

<img src = " "> : 이미지 파일 연결

 

 

묶어주는 단위 순서

1. <idoctype html> : 가장 상위로 묶어줌. 

2. <html></html>

3. <head></head> :제목

4. <body></body> : 본문

   

추천 확장파일

live server : 코드 바꾸면 실시간으로 페이지도 변한다

 

 

 

<역사적인 첫 웹페이지 제작>

여행사이트를 제작했는데 처음에 링크가 걸리고 클릭하는 순간 이동 되고 모든게 신기했다.

웹페이지라고 보긴 힘들지만 그래도 역사적인 순간!

728x90