본문 바로가기

WEB CODING/HTML13

HTML <form> 태그 HTML <form> 태그 form 태그란? 웹페이지에서 회원가입, 로그인과 같은 정보를 입력하는 곳에 쓰이는 HTML 태그이다. 태그의 형식은? 태그 뿐만 아니라, 입력태그들은 거의다 Inline 형식의 태그들이다. form 태그의 사용방법 태그 사이에 태그가 들어갑니다. 태그에는 여러가지 속성들이 있습니다. 속성들이 너무 많으므로 모두 외우는 것은 매우 힘든 일입니다. 그래서 몇가지 자주 쓰이는 것들만 골라보았습니다. : 텍스트를 입력할때 쓰이는 속성입니다. : 비밀번호를 입력할때 쓰이는 속성입니다. : 동그라미 라디오 버튼을 만들어주는 속성입니다. : 여러가지 체크를 해야하는 상황에 들어가는 속성입니다. : 입력한 정보를 제출할때 쓰이는 버튼을 만들어 주는 태그입니다. : 입력한 정보를 초기화할때 쓰이는 버튼을 만들어 주는 .. 2020. 7. 4.
HTML 부모 태그와 자식 태그 HTML 부모 태그와 자식 태그 부모 태그란? 태그들을 감싸고 있는 태그를 말한다. 상위 태그라고 한다. 자식 태그란? 부모 태그에게 감싸여 있는 태그들을 말한다. 하위 태그라고 한다. 2020. 6. 21.
HTML block 형식의 태그와 inline 형식의 태그 HTML block 형식의 태그와 inline 형식의 태그 block 태그란? block 태그란 너비를 100%를 차지해서 다음 태그를 입력하게 되면 내용이 아래로 쌓여지는 태그들을 말한다. block 형식의 태그에는 div, p, ul, ol, li, table등의 태그들을 말합니다. inline 태그란? inline 태그란 너비를 콘텐츠의 너비 만큼만 차지해서 같은 inline 형식의 태그를 입력하게 되면 가로로 쌓이게 됩니다. inline 형식의 태그에는 span, a, img, input등의 태그들을 말합니다. 2020. 6. 20.
HTML <img> 태그 HTML <img> 태그 img 태그란? 웹페이지에서 이미지를 보여줄때 쓰이는 태그이다. 태그의 형식은? 태그는 Inline 형식의 태그이다. img 태그의 사용방법 이미지 태그는 입력해서 사용한다. src="" 이곳에 이미지 파일의 경로를 입력하면된다. 새폴더 안에 img 폴더라는 것을 만들고 img 폴더에 이미지 파일을 넣습니다. 그리고 src="" 이곳에 img/이미지파일명.jpg 이렇게 입력한다. 이미지 파일 명 앞에 있는 img/는 img 폴더 안에 라는 뜻입니다. 이미지 파일은 .jpg / .gif / .png 형식의 파일을 사용할수가 있습니다. HTML 결과 화면 2020. 6. 20.
HTML <table> 태그 HTML <table> 태그 태그란? 옛날에는 table 태그로 웹페이지의 레이아웃을 구성해주었지만, 지금은 반응형웹이 생기기 시작하면서 레이아웃 구성할때 쓰이지 않으며, 주로 그냥 표를 만들어줄 때 쓰이고 있다. 태그의 형식은? 태그는 Block 형식의 태그이다. 태그의 사용방법 로 시작해서 로 끝이나며, 시작 태그와 끝나는 태그 사이에는 태그로 행을 추가해주고, 태그로 열을 만든다. 또한 rowspan으로 행을 합칠수가 있으며, colspan으로 열을 합칠수가 있다. HTML 1열 2열 3열 1열의 두번째줄 2열의 두번째줄 3열의 두번째줄 1열 2열 3열 1열의 두번째줄 2열의 두번째줄 3열의 두번째줄 결과 화면 2020. 6. 15.
HTML <ul>, <ol>, <li> 태그 HTML <ul>, <ol>, <li> 태그 , , 태그란? 목록을 만들때 쓰이는 태그이다. 주로 웹페이지의 메뉴를 만들때 뿐 만 아니라, 레이아웃을 구성하는 곳에서도 쓰인다. , , 태그의 형식은? 목록 태그인 , , 태그는 Block 형식의 태그이다. , , 태그의 사용방법 태그는 숫자가 없는 리스트를 만들어 준다. 태그는 숫자가 있는 리스트를 만들어 준다. 과 태그 사이에는 리스트 태그인 태그로 리스트 항목을 만들어 준다. HTML What is Lorem Ipsum? What is Lorem Ipsum? What is Lorem Ipsum? What is Lorem Ipsum? What is Lorem Ipsum? What is Lorem Ipsum? 결과 화면 2020. 6. 11.
HTML <span> 태그 HTML <span> 태그 태그란? 웹페이지에서 한 줄로 이어지는 레이아웃과 글자를 입력할 때 주로 쓰이는 태그이다. 태그의 형식은? 태그는 Inline 형식의 태그이다. 태그의 사용방법 시작태그인 태그를 입력하고 끝나는 태그인 태그를 입력한다. 시작태그와 끝나는 태그 사이에 내용을 입력한다. HTML What is Lorem Ipsum? Why do we use it? 결과 화면 2020. 5. 31.
HTML <div> 태그 HTML <div> 태그 태그란? 과거에는 태그로 레이아웃을 만들었지만, 반응형 웹이 생기면서 태그를 사용하게 되었다. 태그는 웹페이지에서 콘텐츠의 레이아웃을 구분 시켜주기 위해서 사용하는 태그이다. 굉장히 자주 사용하는 태그이다. 태그의 형식은? 레이아웃을 구분해주는 태그인 태그의 형식은 Block 형식의 태그이다. 태그의 사용방법 시작태그인 를 입력하고 끝나는 태그인 태그를 입력한다. 시작태그와 끝나는 태그 사이에 콘텐츠의 내용들을 입력한다. HTML What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text eve.. 2020. 5. 31.
HTML <a> 태그 HTML <a> 태그 태그란? 웹페이지에서 주소 링크를 클릭하면 다른 페이지로 이동이 되도록 도와주는 태그이다. 태그의 형식은? 링크 태그인 태그의 형식은 Inline 형식의 태그이다. 태그의 사용방법 시작 태그인 로 시작해서 끝나는 태그인 태그를 입력한다. 시작태그와 끝나는 태그 사이에는 내용을 입력한다. href="" 에는 이동할 사이트의 주소가 들어간다. 주소가 없는 링크 태그를 만들려면 href="#" 이렇게 입력한다. HTML 빈 링크 구글 결과 화면 2020. 5. 21.