본문 바로가기

전체 글

 (127)
[HTML]input 속성 종류 input input 태그는 일반적인 태그들과는 달리 무언가를 감싸지 않는다 즉 이 없다 input 태그는 무언가를 입력할때 사용된다 input에는 다양한 종류가 있다 input 종류 글씨를 입력 숫자를 입력 비밀번호를 입력 라디오 버튼 체크 박스 버튼 value로 버튼에 값을 입력할 수 있다 제출 버튼 초기화 버튼 파일 올리기 컬러 선택 날짜 날짜/시간 월 주 시간 이메일 숨김 이미지 버튼 조절바 검색박스 전화 인터넷 주소 결과 See the Pen Untitled by korearaogong (@korearaogong) on CodePen.
내 사이트에 무료로 공유,팔로우,관련게시물 달기 블로그에는 이런 기능이 다 있기 때문에 블로거는 필요없습니다 https://www.addthis.com/ Get more likes, shares and follows with smart website tools - AddThis AddThis share buttons, targeting tools and content recommendations help you get more likes, shares and followers and keep them coming back. www.addthis.com 참고 영상 https://youtu.be/_DmM8EO3mb8
[HTML]a 태그 a 태그란 a 태그는 링크를 연결해준다 즉 이동하고 싶은 페이지로 이동을 해준다 클릭 원하는 내용(글씨,이미지등)을 a태그로 감싸주어 해당 내용을 클릭 했을때 지정해준 경로로 이동을 하게 된다 a 태그는 연결을 시켜주기 태그이기 때문에 당연히 연결시켜줄 주소 또는 값이 필요하다 href 속성은 이동하고 싶은 경로를 써주는 곳이다 사이트 이동 하위폴더 이동 //하위폴더 korea안의 raogong으로 이동 id가 top인곳으로 이동 인터넷 페이지일 경우에는 인터넷 주소창에 있는 주소를 입력해주면 되고 하위 디렉토리일 경우에는 디렉토리 이름을 써주면 된다 자신의 글 안에서 움직이고 싶을 경우에는 도착지점에 id를 주고 경로에 # + id를 입력하면 해당 id까지 이동하게된다 위와같이 사용하게 되면 현재 페이..
[HTML]title, h1~h6, 태그속성 title title 태그 title이라는 태그는 태그명에서도 알수 있듯 가장 큰 제목으로 주로 head안에서 사용되기 때문에 블로거의 경우에는 사용할 일은 없는 태그이다 주로 인터넷 창에서 탭에 들어가는 내용이 된다 h1~ h6태그 h1 태그는 주로 제목에 사용된다 일반적으로 포스팅의 제목에 사용되기 때문에 역시 블로거의 경우에는 쓸일은 거의 없고 h2부터 사용하게 된다 h2 태그는 소제목 정도로 생각하면 되고 h3, h4, h5, h6 순으로 중요독가 점점 내려간다고 생각하면 된다 태그속성인 title 속성 태그 안에서 속성으로 title을 사용할 경우 해당 태그에 마우스를 올리면 말풍선을 띄울 수 있다 See the Pen Untitled by korearaogong (@korearaogong) on Code..
[javascript]변수 지정하기 변수란 변할수 있는 수로 수학의 공식에서 x와 같이 임의의 변할수 있는 수를 말한다 변수를 만드는 이유는 여러 이유가 있지만 크게는 위 코드와 같이 간략하게 줄여쓸 경우 이후에는 x만 불러와서 사용하면 된다 또한 개발자(사람)가 알아 볼 수 있게 만들어 준다 변수는 크게 변할수 있는 변수(let)와 저는 var을 잘 사용하지 않습니다 변하지 않는 변수(const)로 나뉜다 예시
[HTML]div, span, p div, span, p를 알아둬야 돼는 이유 블로그를 운영한다면 블로그 스킨에 따라서 거의 모든 태그에 CSS가 설정되어 있다 디자인을 위해서 설정해 둔 경우이긴 하나 어떨때는 왜 이 태그는 이런디자인으로? 이 태그는 왜 건드린거야? 하는 경우가 있다 그렇기 때문에 블로그에 글을 쓸 때 html로 작성 할 경우에는 어떠한 태그로 감싸주는게 좋다 기본 글쓰기 모드로 글을 쓸 경우 네이버 블로그에서는 p안에 span으로 내용을 감싸주고 있고 구글 블로그에서는 div태그로 티스토리는 p태그로 감싸주고 있다 p태그는 단락을 구분해 주는 태그 div태그는 block속성을 갖고 있는 아무 의미 없는 태그 span태그는 inline속성을 갖고 있는 아무 의미 없는 태그 https://korearaogong.tisto..
[CSS] 태그의 크기 block, inline, margin, padding 태그에는 기본적으로 block의 속성이나 inline속성을 갖고있고 margin, padding의 속성을 갖고있다 block block의 속성을 갖고 있는 대표적인 태그는 div로 한줄을 전부 사용하는 태그이다 block속성을 갖고 있는 태그들은 태그를 닫으면 자동으로 줄바꿈을 해준다 inline inline의 속성을 갖고 있는 대표적인 태그는 span으로 텍스트 크기만큼을 사용하는 태그이다 inline속성을 갖고 있는 태그들은 태그를 닫아도 줄바꿈이 없이 계속해서 써나갈 수 있다 inline의 태그는 높이(height)나 넓이(width)를 바꿀 수 없다 margin margin은 태그의 안쪽 크기이다 padding padding은 태그의 바깥쪽의 크기이다 예제 See the Pen Untitled b..
[CSS시작하기]구조와 선택자(tag, id, class) HTML은 웹 문서의 기본 뼈대이다 이 뼈를 꾸며주는 역할을 하는 하는것이 CSS이다 즉 CSS는 디자인을 해준다 CSS 사용법 HTML에는 태그라는게 있다 https://korearaogong.tistory.com/7 [HTML 시작하기]구조 html파일에서는 태그(tag)라는 일종의 명령어가 있다 태그는 키보드 ,와 .위에 있는 부등식 처럼 생긴 괄호안에 태그명를 입력 하며 몇개의 태그를 제외하고 태그를 시작시했으면 태그에 korearaogong.tistory.com HTML문서 안에는 수많은 동일한 태그들이 존재하며 이름(id, name)이나 클래스(class)를 부여할 수 있다 CSS를 사용하기 전에 id와 class를 알아둬야 한다 id, class, name이란? 간단하게 태그를 사람이라고 비..

티스토리툴바