본문 바로가기

728x90

Front-end Developer

(21)
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) 태그는 정의형 목록을 만들 때 사용한다. 정의형 목록은 용어와 설명을 나열한 형태의 목록이라고 보면 된다. 태그는..
6.HTML의 부모, 자식, 형제 관계 / 줄 바꿈과 들여쓰기 1. HTML의 부모, 자식, 형제 관계 HTML은 태그를 사용할 때 부모, 자식, 형제라고 하는 관계가 있다. 예를 들어 확인해보자. 부모안에 있는 자식이자 형제 태그 부모안에 있는 자식이자 형제 태그 코드에서 보면 태그 안에 부모안에 있는 자식이자 형제 태그 부모안에 있는 자식이자 형제 태그 나가 코드 수정이 필요한데 만약, 줄 바꿈과 들여쓰기가 되지 않은 코드를 만났다고 해보자. 보자마자 이게 무슨.... 부모, 자식, 형제 관계 파악도 안 될 것이며, 가독성 자체도 완전 최악일 것이다. 따라서 코드의 가독성을 위하여 우리는 줄 바꿈과 들여 쓰기를 적절하게 잘 사용하도록 하자. 긴 글 읽어주셔서 감사합니다. 부족한 설명은 댓글로 달아주시면 추가하도록 하겠습니다. 감사합니다. :) - 오늘 내 자신을..

728x90