디지털 노마드를 꿈꾸며33 HTML 블록과 인라인 요소 1. HTML 블록(blocks)과 인라인(inline) 요소 HTML 요소의 종류에 따라서 블록 또는 인라인으로 표시된다. 블록은 새로운 줄에서 시작되어 갈수있는 한 화면 끝까지 나타난다. 인라인은 새로운 줄에서 시작되지 않고 필요한 만큼만의 넓이를 차지하며 화면에 나타난다. - 블록(block elements) Hello! 이렇게 새로운 줄에서 시작되서 화면에 갈 수 있는 한 끝까지 표시된다. 블록요소에 해당하는 태그는 다음과 같다. : - Seoul Seoul is the capital of South Korea Paris Paris is the capital of France 클래스는 여러개 지정할 수 있으며, 클래스 이름을 조합할 수도 있다. ... Korea - 인라인 요소에 class 적용하.. 2020. 3. 18. HTML 표, 목록 1. HTML 표(table) 먼저, 표의 가로줄은 열 row, 세로줄은 행 column(왜 난 맨날 헷갈려) 표를 만드는 태그는 태그로 정의할 수 있다. 각 가로줄인 열(row)은 table row에서 를 사용한다. 화면에 꽉 채워진 표를 위해서 style="width:100%"를 추가한다. 왼쪽에서부터 오른쪽으로 각각의 제목은 table heading에서부터 를 붙여서 지정한다. 자동적으로 굵고, 중앙에 위치한 텍스트로 나타난다. Number Name Age 각 열의 제목에 따라 내용을 채우고 싶을 때는 table data/cell에서 를 붙인다. 여기에서는 이미 첫 열에서 number, name, age라고 했기 때문에 각 헤딩에 맞게 데이터를 작성한다. 데이터는 텍스트, 다른 표, 이미지 등이 가.. 2020. 3. 18. HTML 링크, 이미지, 이미지맵, 배경이미지, 그림요소 1. HTML 링크(links) 링크라 함은 하이퍼링크를 말하는 것이다. 태그를 사용한다. 이 안에 href="..."를 사용해서 하이퍼링크를 연결시켜준다. 대신 웹 브라우저에 표시되는 메세지는 ...안에 표시하면 된다. This is hyperlink 로컬링크(local link)라고 해서 www.의 웹 브라우저 주소가 아닌 주소를 하이퍼링크 시키는 방법도 있다. Images 또한 href와 같이 안에 추가할 수 있는 것으로 target 속성이 있다. 클릭한 링크가 어떤 방식으로 보여지느냐를 설정한다. _blank - 새 창/탭에서 열기 _self - 기본. 기존 창/탭에서 열기 _parent - 지금 탭에서 열기 _top - 지금 창에서 열기 이후에 태그를 삽입하고 를 통한 하이퍼링크 연결도 가능하다.. 2020. 3. 17. HTML 색상, CSS 1. HTML 색상(colors) 이미 정의된 색상의 이름을 사용하거나 RGB, HEX, HSL, RGBA, HSLA 등이 있다. 색은 배경색, 글자색, 글자의 경계선 색(border color) 등에 적용할 수 있다. color color color - 지정된 색 이름 이 외의 다양한 색상의 이름을 참고하고 싶다면? https://www.w3schools.com/colors/colors_names.asp HTML Color Names HTML Color Names Color Names Supported by All Browsers All modern browsers support the following 140 color names (click on a color name, or a hex value,.. 2020. 3. 16. 이전 1 ··· 4 5 6 7 8 9 다음
