HTML CSS(13)
-
링크 만들기(HTML)
링크는 클릭하면 다른 화면으로 이동하게 해준다. 이러한 기능을 할수있는 HTML 태그를 공부해보자 태그 - 태그에 href 속성으로 이동하려는 홈페이지 경로를 넣어주면 해당 태그를 클릭 시 href에 있는 페이지로 이동한다. - 태그 안에 텍스트나 이미지 같은것을 넣으면 텍스트나 이미지를 클릭시 href 페이지로 이동한다. - target 속성은 링크한 내용을 현재 창에 표시할지 새 창을 띄워서 표시할지 정한다. > _blank : 링크 내용이 새 창이나 새 탭에서 열린다. > _self : target 속성의 기본값으로 링크가 있는 화면에서 열린다. > _parent : 프레임을 사용했을 때 링크 내용을 부모 프레임에 표시한다. > _top : 프레임을 사용했을 때 프레임에서 벗어나 링크 내용을 전체 ..
2023.10.01 -
이미지 태그(HTML)
웹에서는 이미지 파일이 크기가 크지 않아야하고 화질도 좋아야한다. 그래서 몇 가지 파일 형식만 사용가능하다. - GIF - JPG/JPEG - PNG 위의 이미지 파일들을 화면에 나타낼때 태그가 필요하다 태그 - src 속성에 이미지 파일이 있는 경로를 넣어야 화면에 이미지가 나타난다. 경로는 웹 문서 파일의 위치를 기준으로정해진다. 만약 이미지 파일이 웹 문서와 같은 경로에 있다면 이미지 파일 이름만 넣어주면 된다. 만약 웹 문서와 같이 있는곳에 images라는 하위폴더에 picture.png 이미지 파일이 있으면 /images/picture.png 경로를 src에 넣어면 된다. - alt 속성은 이미지를 설명하는 대체 텍스트로 넣을 때 사용한다. 화면 낭독기에서 대체 텍스트를 읽어 주기 때문에 장애이..
2023.09.29 -
표관련 태그(HTML)
, , , 태그 - 로 먼저 표 전체 형태를 잡은 후 row를 로 만들고 row안에서 각 셀을 로 만든다. 셀1 셀2 셀3 셀4 셀5 셀6 HTML 삽입 미리보기할 수 없는 소스 - 표의 첫번째 행에 각 열이 무엇을 나타내는지 제목을 넣는경우가 있다. 이때 태그를 사용한다. 태그와 같은데 차이점은 글을 중앙에 배치해주고 글씨도 긁게 나타내준다. 숫자 영어 한글 1 a 가 2 b 나 HTML 삽입 미리보기할 수 없는 소스 colspan, rowspan 속성 - 표를 가로로 합치고 싶을때 colspan을 이용한다. td나 th에 colspan속성으로 합칠 셀의 개수를 넣어주면 된다. 셀1 셀2 셀3 셀4 셀5 HTML 삽입 미리보기할 수 없는 소스 - rowspan은 세로로 표를 합칠때 사용한다. 셀1 셀2..
2023.09.28 -
목록 관련 태그정리(HTML)
, 태그 - 순서가 필요없는 목록을 만들 때 태그를 사용하고 태그 안에 태그로 각 항목을 나타낸다. 목록 목록 목록 목록 HTML 삽입 미리보기할 수 없는 소스 , 태그 - 순서가 필요한 목록을 만들 때 ul태그 대신에 ol 태그를 사용한다. 순서를 나타내는 방법은 숫자, 영문소문자. 영문 대문자, 로마숫자 소문자, 로마숫자 대문자가 있다. 순서를 나타내는 방법은 type 속성으로 지정한다. 숫자 숫자 영문소문자 영문소문자 영문대문자 영문대문자 로마소문자 로마소문자 로마대문자 로마대문자 HTML 삽입 미리보기할 수 없는 소스 - start 속성으로 리스트 시작 숫자를 중간 번호부터 시작할 수 있다. 숫자 숫자 숫자 숫자 HTML 삽입 미리보기할 수 없는 소스 - reversed 속성으로 역순으로 표시할 ..
2023.09.27 -
텍스트 관련 태그 정리(HTML)
블록 레벨 태그(텍스틀 덩어리로 묶어주는 태그) 태그 - 제목 글자는 일반 글자보다 굵고 진하게 표시되야 한다. 이때 필요한게 h태그인데 ,, .... 까지 있다. 숫자가 높을수록 글씨가 작아진다. 태그 - paragraph의 줄임말로 가장 많이 쓰이는 태그중 하나이다. paragraph는 단락으로 앞뒤에 앞뒤에 줄바꿈이 있다. 태그로 시작해서 태그를 만날때까지 줄바꿈이 없이 텍스트를 나타내는데 만약 텍스트 줄이 길어서 브라우저 너비보다 길 경우 줄이 자동으로 바뀐다. 태그 - html 문서에서 엔터를 치고 줄바꿈을 하더라도 브라우저 창에서는 줄바꿈이 되어있지 않다. 줄바꿈을 하고 싶은 위치에 태그를 사용하면 줄바꿈을 할 수 있다. break의 줄임말이다. 태그 - horizontal의 줄임말로 수평 줄..
2023.09.27 -
무료 웹 호스팅 서비스(닷홈), FTP로 파일 올리기(FileZilla)
우리가 HTML로 코딩을 한 다음에 이것을 사람들이 사용할 수 있도록 웹 문서를 서버 컴퓨터에 옮겨야한다. 서버 컴퓨터로 사람들이 접속해 우리가 코딩한 서비스를 이용할 수 있는거다. 근데 개인이 웹 서버를 마련하는데 어려움이 있다. 그래서 서버의 일부 공간을 매달 또는 매년 일정 금액을 내고 사용하나는 서비스가 있다. 이것이 '웹 호스팅 서비스'이다. 웹 호스팅 서비스는 유료 서비스도 있고 무료도 있다. 안정적으로 사이트를 운영하고 싶다면 유료를 권하지만 처음에는 무료로 연습해보는거도 좋다. 근데 무료 서비스는 파일을 백업해주지 않기 때문에 중요 데이터는 따로 백업을 해두는게 좋다. 그럼 무료 웹 호스팅 서비스를 제공하는 닷홈에 서비스를 신청해보자 1) 닷홈 회원가입 - dothome.co.kr 에 접속..
2023.09.27