본문 바로가기

728x90

카테고리

(35)
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은 태그를 사용할 때 부모, 자식, 형제라고 하는 관계가 있다. 예를 들어 확인해보자. 부모안에 있는 자식이자 형제 태그 부모안에 있는 자식이자 형제 태그 코드에서 보면 태그 안에 부모안에 있는 자식이자 형제 태그 부모안에 있는 자식이자 형제 태그 나가 코드 수정이 필요한데 만약, 줄 바꿈과 들여쓰기가 되지 않은 코드를 만났다고 해보자. 보자마자 이게 무슨.... 부모, 자식, 형제 관계 파악도 안 될 것이며, 가독성 자체도 완전 최악일 것이다. 따라서 코드의 가독성을 위하여 우리는 줄 바꿈과 들여 쓰기를 적절하게 잘 사용하도록 하자. 긴 글 읽어주셔서 감사합니다. 부족한 설명은 댓글로 달아주시면 추가하도록 하겠습니다. 감사합니다. :) - 오늘 내 자신을..
4.HTML 태그를 사용하여 텍스트 만들기 <h>,<p>,<br>,<span> -텍스트는 일반적인 설명일 수 있고, 글의 제목이나 부제목일 수도 있다. 이번에는 텍스트를 작성할 때 어떤 태그를 사용하는지 배워 보도록 하자. 1. 태그 hn태그는 h1부터 h6 태그까지 총 6개가 있다. 여기서 h는 heading을 의미하며, n에 들어가는 숫자는 중요도를 나타낸다. 즉, 같은 h태그더라도 h1태그가 가장 중요하며 h6 태그는 상대적으로 덜 중요하다. 실행결과를 보며 한번 알아보자. 첫번째 Hello world! 두번째 Hello world! 세번째 Hello world! 네번째 Hello world! 다섯번째 Hello world! 여섯번째 Hello world! 실행결과를 보면 중요도가 가장 높은 h1 태그는 굵고 가장 크다. 밑으로 내려갈수록 작아지고 가늘어지는 것을 확인할 수 ..

728x90