반응형 웹프로그래밍/HTML20 HTML 리스트 list HTML 설명 : 비순서형 리스트 태그이다. 예시코드 An unordered HTML list SamSung HYUNDAI SK 위의 코드를 실행해보면 옆에 동그란 점으로 리스트가 구성된 것을 알 수 있다. 여기서 는 list를 뜻하며 추후에 나올 , 등 요소 안에 있어야 리스트가 만들어진다. HTML 설명 : 순서형 리스트 태그이다. An ordered HTML list SamSung HYUNDAI SK 위의 코드를 실행해보면 삼성, 현대, SK 옆에 1,2,3 순서대로 나와있는 리스트가 완성이 된다. HTML ,, : 설명 리스트를 말한다. : 설명 리스트에서 용어를 뜻한다. : 설명 리스트에서 용어를 설명해준다. An unordered HTML list KOREA -SamSung -LG JAPAN .. 2023. 9. 4. HTML 단락과 <br>,<pre> 사용법 HTML 단락특징 This is a paragraph with line breaks. -> 코드에서 한 문장씩 출력하려고 위에 처럼 만들어도 This is a paragraph with line breaks 마찬가지로 위의 문장을 나타내면 한문장씩 나타나는것이 아닌 문장이 한줄로 이어붙여서 나온다. 사용법 This is a paragraph with line breaks. -> 를 사용할 경우 This is 문장 끝내고 아래에 a paragraph 그 아래에 with line breaks가 오게된다. 사용법 The pre tag preserves both spaces and line breaks: My Bonnie lies over the ocean. My Bonnie lies over the sea. .. 2023. 9. 4. HTML Headings 수직선 입력 방법 HTML heading에 수직선 입력 This is heading1 This is paragraph1 This is heading2 This is paragraph2 This is heading2 This is paragraph2 -> 수직선을 표시하는 태그는 이다. html에 meta데이터 입력받기 The HTML head element contains meta data. Meta data is data about the HTML document. -> 로 인해 UTF-8에 대한 정보를 html에서 사용할 수 있게된다. 2023. 9. 4. HTML 테이블,셀 사용법 <table>, <th>,<td>, <tr> HTML 테이블 만들기 정리: : HTML에서 table을 만들기 위한 태그로 행과 열이 존재한다. : 테이블의 열에 해당한다.(가로방향) : 테이블안에 데이터를 의미한다. 예시코드 PERSON 1 PERSON 2 PERSON 3 KOREA JAPAN CHINA 50,000,000 120,000,000 1,500,000,000 위의 코드를 보면 테이블 맨 위의 이름을 PERSON 1,2,3으로 설정하고 그 하위 데이터(다음 열)에 국가와 인구 수를 적어넣었다. 여기서 만약 CSS()을 작성하지 않은채로 아래의 테이블만 입력하게 되면 어떠한 선이 없이 데이터들만 행과 열에 맞게 나타나는 것을 볼 수 있다. 이것을 좀더 예쁘게 테이블 형식으로 만들기위해서는 CSS를 이용해서 꾸밀 필요가 있다. 그래서 CSS.. 2023. 9. 4. 이전 1 2 3 4 5 다음 728x90 반응형