본문 바로가기
반응형
[html/css] html table 태그 html table 태그 table 태그는 뜻 그래도 table을 그리는 tag 입니다. 소스코드 tr, td, th ,caption 태그tr 태그는 테이블의 행을 정의 합니다. 사용법은 입니다. 이 한 행을 의미하고 다시 이 사용되면 다음 행이 추가됩니다. 첫 번째 행에는 분류 항목으로 이름,취미,사는 곳, 연락처를 기입했습니다. 분류 항목이 세로로 작용하게 될테니 분류항목은 열의 개념이 되겠죠. 이 열의 개념은 td 태그입니다. tr태그와 td 태그의 차이점이 보이시나요. tr 태그를 사용하니 굵은 글씨에 가운데 정렬이 적용되어 있습니다. 반대로 td 태그를 사용하니 굵은 글씨와 가운데 정렬이 적용되어 있지 않습니다. caption 태그는 표상단위에 제목을 달아줄 수 있습니다. ● 개인적으로 공부하며.. 2020. 7. 22.
[html/css] html img 태그 html img 태그 img 태그는 사진을 넣는 기능입니다. 사진과 html 코드를 같은 폴더에 놓고 실행하시면 됩니다. 소스코드 img 태그 사용법 사용법 혹시 사진이 없을 때 없다고 표현하고 싶으면 alt를 사용하시면 됩니다. ● 개인적으로 공부하며 정리한 내용입니다 ● 잘못된 내용이 있으면 언제든 답글 달아주세요 감사합니다 2020. 7. 17.
[html/css] html a 태그 ( 링크 태그) html a 태그 ( 링크 태그) a 태그는 링크 태그입니다. "네이버로 바로가기"라는 글을 클릭하면 네이버 화면으로 이동시켜주는 기능입니다. 위 예시에 "네이버로 바로가기!" 2줄이 보입니다. 첫번째 줄은 현재탭에서 바로 네이버를 열어주고두번째 줄은 새탭에서 네이버를 열어줍니다. 소스코드 그 차이는 바로 아래서 설명해드릴게요. a 링크 사용법 문법은 간단합니다.링크주소란에 "www.naver.com"을 입력해주시고링크 표시해주는 표현에 "네이버로 바로가기"를 입력하시면 됩니다. 링크 표시해주는 표현 새탭에서 열게하고 싶으시면 target="_blank"만 추가하시면 됩니다. 링크 표시해주는 표현 ● 개인적으로 공부하며 정리한 내용입니다 ● 잘못된 내용이 있으면 언제든 답글 달아주세요 감사합니다 2020. 7. 14.
[html/css] html,b,big,em,i,strong,sub,sup 태그 html,b,big,em,i,strong,sub,sup 태그 html,b,big,em,i,strong,sub,sup 태그의 결과화면 입니다. 이해하시는데 큰 어려움은 없을 것이라 생각합니다. 내용 : 글씨를 굵게 출력 내용 : 글씨를 크게 출력 내용 : 글씨를 강조하여 출력 내용 : 글씨를 굵게 출력 내용 : 글씨가 밑으로 출력 내용 : 글씨가 위로 출력 태그와 태그 차이 b 태그와 strong 태그 모두 글자를 굵게 출력해줍니다. 그럼 b, strong 태그는 언제 사용해야 할까요?아래 사이트에 설명을 쉽게 해준 분이있습니다. 간략해 정리하여 번역하면 "너가 장님을 위해 책을 읽는다고 가정하라. strong tag가 들어간 문장은 실제로 강조해서 읽어야 한다. 하지만 b 태그는 그냥 강조만 된 문장이지.. 2020. 7. 12.
[html/css] html, p br 태그 tag html p, br 태그 차이점 비교해보기 html p, br 태그에 대해서 알아보겠습니다. p 태그 tag p tag는 문단을 구분합니다. 사용법은 내용 입니다. 위 예시를 보면 p tag를 사용시 문단 자체가 나눠진걸 확인하실 수 있습니다. 소스코드 br 줄바꿈 tag br tag는 줄바꿈 태그입니다. 쉽게 생각하면 엔터키를 눌렀다고 생각하시면 됩니다. br 태그는 닫는 태그을 필요로하지 않습니다. 그러면 p tag와 br tag는 어떤 차이가 있을까요? 소스코드 p tag, br tag 차이점 p tag 와 br tag를 동시에 사용한 결과입니다. 차이점이 한눈에 구별이 가능합니다! 소스코드 ● 개인적으로 공부하며 정리한 내용입니다 ● 잘못된 내용이 있으면 언제든 답글 달아주세요 감사합니다 2020. 7. 11.
[html/css] html, 주석 태그 tag html 주석 태그 tag주석 태그에 대해서 알아보겠습니다. 주석 태그는 실제로 실행되지 않는 부분입니다. 주석 태그 로 둘러쌓인 부분은 실행이 되지 않습니다. 그러면 주석이란 무엇일까요? 주석 태그는 실제로 코딩이 실행이 되지 않는 부분입니다. 이를 이용하여 향후 코딩을 봤을 때 쉽게 기억할 수 있게 어떤 설명을 기술할 수 있습니다. 또는 다른 사람들에게도 공유하기 위한 어떠한 코멘트를 남겨둘수도 있습니다. ● 개인적으로 공부하며 정리한 내용입니다 ● 잘못된 내용이 있으면 언제든 답글 달아주세요 감사합니다 2020. 7. 9.
[html/css] html, hr tag 태그 hr 태그 tag hr 태그에 대해서 알아보겠습니다. hr 태그는 밑줄 긋는 기능입니다. 을 사용한 부분마다 밑줄이 그어진걸 확인하실 수 있습니다. 소스코드 실제 티스토리에서의 활용 티스토리 글을 작성할 때 밑줄을 그을 수 있습니다. 밑줄을 그을 때 마다 hr 태그를 확인하실 수 있습니다. 소스코드 ● 개인적으로 공부하며 정리한 내용입니다 ● 잘못된 내용이 있으면 언제든 답글 달아주세요 감사합니다 2020. 7. 8.
[html/css] html, <h1> <h2> <h3> <h4> <h5> <h6> 제목 태그 이해하기 제목 태그 이해하기제목 태그에 대해서 알아보도록 하겠습니다. h tag라고도 불리는데요. 어렵지 않으니 바로 실습 화면부터 확인하겠습니다. 제목 태그 실행 결과 화면 제목 tag는 아래와 같은 양식으로 사용됩니다. 내용 내용 내용 내용 내용 내용 소스코드 실행 결과를 보시면 태그에서 태그로 갈수록 글자 크기가 작아짐을 확인하실 수 있습니다. 제목 태그 h tag의 특징 , , , , , 까지 존재합니다. tag는 첫 번째 가장 중요한 제목에 사용하는게 좋습니다 이유는 "검색 엔진"이 가장 먼저 찾아보는 키워드가 바로 tag이기 때문입니다. , , , , tag는 부제목으로 사용! 에서 으로 갈수록 폰트 크기가 작아짐! 5검색엔진이 h1을 가장 중요하게 검색하니 h1을 잘 사용하면 검색 노출에 유리 ! t.. 2020. 7. 6.
[html/css] html tag 태그, content 컨텐츠, element 요소란 무엇일까? 뜻,정의,이해 html 구조tag 태그, content 컨텐츠, element 요소를 공부하기 전에 간단하게 html 구조에 대해서 알아보겠습니다. 사람의 몸을 크게 머리와 몸통으로 구분하듯이 html도 head 머리와 body 몸통으로 구분할 수 있습니다. 사람의 머리는 직접 행동하기 보다는 제어하는 역할을 합니다. html의 head도 웹페이지에 직접 보여주기 보다는 기본적인 설정들을 정해주는 역할을 합니다. 그리고 우리가 눈에 보는 웹페이지의 내용들은 body에 기술하게 됩니다. tag, content, element란? 태그, 컨텐츠, 요소 html을 공부하다 보면 자주 접하게 되는 태그,컨텐츠,요소의 용어에 대해서 먼저 이해하고 넘어가겠습니다. 태그는 opening tag, closing tag로 구분됩니다... 2020. 6. 25.
[html/css] html,css 란 무엇일까?(뜻,개념,기초),메모장으로 작성법 티스토리 블로그를 하다보면 html, css를 수정해야 되는 경우가 있습니다. 다른 블로거분들의 글들을 보고 따라하면 어느정도 수정은 가능하지만 이해하지 못하고 수정하는게 많아 html과 css의 기초에 대해서 공부할겸 포스팅을 시작해볼까 합니다. html, css 어디에 쓰는걸까? 크롬으로 네이버에 들어가서 F12를 눌러보시면 우측에 소스코드들이 나옵니다. 해당 코드에서 html, css 코드를 볼수가 있습니다. 네이버 뿐만 아니라 다른 사이트에 가도 html, css 코드를 보실 수 있습니다. 한마디로 html, css는 웹페이지를 만드는데 쓰이는 언어입니다! html, css, JavaScript 도대체 무슨 차이?! html, css와 추가로 JavaScript는 도대체 무슨 의미일까요? html.. 2020. 6. 21.
반응형