Front-end Developer/HTML (9) 썸네일형 리스트형 10. [HTML] <form>태그, <input>태그.<label>태그 이번 포스트는 form태그, input 태그를 설명하고자 한다. form태그란 HTML 문서에서 사용자의 입력을 서버로 전달하는 기능이다. 태그에는 다양한 속성이 많은데 한번 확인해보자. 먼저 입력 양식은 다음과 같다. 태그 8. [HTML] <a> 태그, <img> 태그를 사용하여 링크와 이미지 넣는방법 링크(link)는 문서와 문서 간 연결을 의미하며, 기본적으로 a태그를 사용한다. 사진과 같은 이미지 객체를 삽입할 때는 img태그로 작성한다. a태그 a 태그는 HTML에서 내부나 외부 링크를 생성한다. a태그는 대상 경로를 의미하는 href속성을 필수로 사용해야 하며, 그 와 target, title 속성을 선택하여 사용할 수 있다. href 속성 href 속성은 a 태그로 생성하는 링크의 대상 경로를 입력할때 사용한다. 속성의 값으로는 대상 경로의 주소(URL) 이나 내부 문서의 id값일수도 있다. 만약, 대상 경로가 명확하지 않을 경우 href 속성 값에 "#"을 넣어주면 된다. 그렇게 되면 a태그를 클릭해도 다른 페이지로 연결되지 않는 것을 확인할 수 있다. 만약, 다시 a태그를 외부 다른 페이.. 7. HTML 목록 만드는 태그 <ul>,<ol>,<li>,<dl> 1. 태그 ul(unordered list) 태그는 순서가 없는 목록을 생성할 때 사용한다. 이때, 목록 내용들은 태그와 함께 사용한다. 태그를 사용하여 실행결과 값을 확인해보면 글머리 기호가 붙는 걸 확인할 수가 있다. FrontEnd HTML CSS Javascript 2. 태그 ol(ordered list) 태그는 순서형 목록을 생성할 때 사용한다. 태그와 마찬가지로 태그를 같이 사용하여 코드를 작성하도록 한다. 태그를 사용하여 출력한 값을 확인해보면 순서가 붙는 것을 확인할 수 있다. FrontEnd HTML CSS Javascript 3.dl태그 dl(description list) 태그는 정의형 목록을 만들 때 사용한다. 정의형 목록은 용어와 설명을 나열한 형태의 목록이라고 보면 된다. 태그는.. 이전 1 2 3 다음
