디지털 노마드를 꿈꾸며/HTML18 HTML 식별속성, 아이프레임, 자바스크립트, 파일경로 1. HTML 식별(id) 속성 id 속성은 링크나 스타일을 지정해 놓고 에서 다시 불러들이는 경우에 사용했던 기억이 있다. 특히 북마크 설정과 링크설정에 사용했었다. id의 구체적인 사용과정을 알고싶다면 아래의 링크를 다시 확인해보자. https://dowhateveryouwant1661.tistory.com/11 HTML 링크, 이미지, 이미지맵, 배경이미지, 그림요소 1. HTML 링크(links) 링크라 함은 하이퍼링크를 말하는 것이다. 태그를 사용한다. 이 안에 href="..."를 사용해서 하이퍼링크를 연결시켜준다. 대신 웹 브라우저에 표시되는 메세지는 ...안에 표시하면.. dowhateveryouwant1661.tistory.com id는 identification에서 특정 요소에 특정 i.. 2020. 3. 19. 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. 이전 1 2 3 4 5 다음
