본문 바로가기

Security_study/Web_study6

[HTML] 기본 개념 공부 정리 - 5 https://segurity.tistory.com/12 [HTML] 기본 개념 공부 정리 - 4 https://segurity.tistory.com/11 [HTML] 기본 개념 공부 정리 - 3 이제까지는 개념설명에 치중했다면 이제는 조금 더 많은 태그들에 대해서 살펴보겠습니다. https://segurity.tistory.com/10?category=1158709 [HTML] 기본 segurity.tistory.com 안녕하세요 오늘은 HTML 정리 5번 글을 시작해보겠습니다. 저희가 정리4까지 배운 내용을 이용하면 누구든지 HTML페이지를 만들 수 있습니다. 이번 시간에 배울 태그들은 이제까지의 태그들을 이용해 글을 적는다면 오늘은 그 글을 조금 더 꾸며보는 태그들에 대해서 설명해보겠습니다. 이 글.. 2023. 10. 24.
[HTML] 기본 개념 공부 정리 - 4 https://segurity.tistory.com/11 [HTML] 기본 개념 공부 정리 - 3 이제까지는 개념설명에 치중했다면 이제는 조금 더 많은 태그들에 대해서 살펴보겠습니다. https://segurity.tistory.com/10?category=1158709 [HTML] 기본 개념 공부 정리 - 2 저번 글에선 태그에 대해서 간단하 segurity.tistory.com 저번 글에서는 title, head, body, html등의 태그에 대해서 알아보았습니다. 이번 시간에는 새로운 태그인 a태그에 대해서 정리하여보겠습니다. a태그는 이미 위의 글내용을 쓸때부터 이미 우리가 사용한 태그입니다. 어떤 태그인지 예측이 되시나요? 맞추신분도 괜찮고 못 맞추신 분도 괜찮습니다. 제가 다시 정리해드리겠습.. 2023. 10. 14.
[HTML] 기본 개념 공부 정리 - 3 이제까지는 개념설명에 치중했다면 이제는 조금 더 많은 태그들에 대해서 살펴보겠습니다. https://segurity.tistory.com/10?category=1158709 [HTML] 기본 개념 공부 정리 - 2 저번 글에선 태그에 대해서 간단하게 설명해보는 시간을 가졌었습니다. 이번에 먼저 설명드려볼 것은 언제 어디서든 내가 다른 사람의 웹페이지의 HTML을 볼 수 있다는 것을 보여드리겠습니다. h segurity.tistory.com 전 글부터 순서대로 보시면 더 보기 편할 것 같습니다!! 전 글에서 봤듯이 정리 - 1의 html코드를 살펴보면 title이라는 태그를 또 확인 할 수 있습니다. 이 태그는 해당 사진에서 보듯이 탭 부분에 써지는 글을 적어주는 태그입니다. 해당 글에서는 제목에서 쓴 내.. 2023. 10. 7.
[HTML] 기본 개념 공부 정리 - 2 저번 글에선 태그에 대해서 간단하게 설명해보는 시간을 가졌었습니다. 이번에 먼저 설명드려볼 것은 언제 어디서든 내가 다른 사람의 웹페이지의 HTML을 볼 수 있다는 것을 보여드리겠습니다. https://segurity.tistory.com/9 [HTML] 기본 개념 공부 정리 - 1 최근 웹 해킹 공부를 시작하면서 느낀점이 웹 해킹은 개발실력이 기본은 있어야지 어느정도 진도를 느낄 수 있다는 것을 확실히 느끼고 각종 해킹 기법보다는 기초부터 쌓는다는 마음으로 HTML segurity.tistory.com 저번 시간에 썻던 개념 정리 1의 주소를 통해 들어가서 아무곳이나 마우스를 올려놓고 오른쪽 마우스를 눌러봅니다. 그럼 우리는 맨 아래에 검사라는 항목을 확인해볼 수 있습니다. 해당 항목을 누르면 다음과 .. 2023. 10. 7.
[HTML] 기본 개념 공부 정리 - 1 최근 웹 해킹 공부를 시작하면서 느낀점이 웹 해킹은 개발실력이 기본은 있어야지 어느정도 진도를 느낄 수 있다는 것을 확실히 느끼고 각종 해킹 기법보다는 기초부터 쌓는다는 마음으로 HTML부터 다시 공부를 시작하고있습니다. 공부자료는 생활코딩님의 사이트를 이용하였습니다. 생활코딩님이 추천해주는 공부법은 가장 많이 쓰는 태그들 부터 공부하는 것을 말해주셨습니다. 다음은 구글에서 전 세계의 웹페이지를 분석하여 나온 한 통계자료입니다. 이 그래프는 전 세계에 있는 웹페이지들이 몇개의 태그로 주로 구성되어 있는지를 분석한 그래프로 약 26개의 태그를 사용한 웹페이지가 많은것을 알 수 있습니다. 다음은 가장 자주쓰이는 태그부터 순서대로 정리를 해놓은 것입니다. 저는 이 순서를 기반으로 생활코딩님의 강의처럼 효율적인.. 2023. 10. 7.
Visual Studio Code(VSCODE) 로컬 서버 설정하기 + 라이브 서버로 설정하기 웹해킹 처음 공부를 하다보니 웹과 관련된 언어들인 html, css, js, python 등을 많이 알아야 하니 html에 대해서부터 시작하려고 VScode를 사용하였는데 작성한 html언어를 웹페이지로 직접 확인하고 싶은데 방법을 몰라 헤메서 알아본 방법을 정리해보겠습니다. 로컬 서버를 설정하는 분들은 VScode는 설치됐을거라고 생각합니다. 일단 확인을 위해 기본구조를 만들어주는 html:5를 입력해주고 엔터를 눌러 html의 기본 구조를 생성해줍니다. html:5에 엔터를 누르면 아래 그림과같은 기본구조가 생성되게되고 body부분에 p2를 이용하여 "html 페이지"라는 글씨를 적어줍니다. 그 후 test.html에 오른쪽마우스를 누르면 속성을 열 수 있는데 왼쪽에 보면 현재 파일명인 test.ht.. 2023. 10. 4.