728x90 프로그래밍 언어/HTML,CSS, PHP5 [HTML/CSS] 티스토리에서 각주(footnote) 입력 (update: 2024-01-20) 티스토리에서 글을 쓰다보면, LaTeX에서 작업을 했을 때처럼 각주가 필요한 경우가 종종 있었다. 그래서 이번 기회에 HTML에서 각주를 만드는 방법을 조사 및 요약을 하였다. 크게 티스토리에서 각주를 다는 방법은 아래와 같이 두 가지가 있다. 1. HTML의 앵커를 이용 2. 티스토리의 자체 기능 이용 1. HTML의 하이퍼링크 이용 HTML에서의 하이퍼 링크를 이용하여 각주를 사용 시, 1.1. 방법 1 해당 방법은 다음 웹페이지를 참조하였다: Some text with a footnote.1 Some more text with a footnote.2 1. [Text of footnote 1]↩ 2. [Text of footnote 2]↩ 원리는 다음과 같다; •.. 2024. 1. 18. [HTML] 웹디자인 공부 (2023-11-23: 웹디자인과 관련된 내용들만 써놓음. 아직 자세히 정리하진 않음 ) 웹 디자인이란? 웹 디자인의 정의 : 웹디자인이란 인터넷 웹사이트를 목적에 맞게 디자인하고 구축 및 관리를 하는 것 - 웹사이트의 외관,레이아웃, 콘텐츠까지도 웹디자인의 작업에 포함이 됨 - 외관: 사용된 색상, 글꼴 및 이미지와 관련 - 레이아웃: 정보가 구조화되고 분류되는 방법 - 디자인: 단순히 심미적인 것 뿐만 아니라 사용자의 경험 측면에서 편의성 및 쾌적함을 제공해야 함 반응형/적응형 웹 디자인 (1) 반응형 웹 디자인 (Responsive web design, RWD): 디스플레이의 종류에 따라 콘텐츠의 화면 크기가 자동으로 변함 (2) 적응형 웹 디자인 (Adaptive Web design, AWD): .. 2023. 11. 19. [PHP] 기초적인 내용 정리 1. PHP의 기본 구성 - command 부분에 필요한 PHP 코딩을 하면 됨 - PHP의 command에서 명령 줄이 끝나면 행의 끝에 세미콜론(;)을 붙여야 함 - PHP의 주석 처리 (1) 한 줄용 주석 처리: // (2) 여러 줄 용 주석 처리: /* */ 2. PHP 의 변수 1) 변수를 사용할 경우, 변수의 이름 앞에 달러기호($)를 붙여씀 $a = 100; - a라는 변수에 숫자 100을 대입함 ※ 변수 이름의 규칙 1) 변수의 제일 앞에 ($)가 붙여야 함 2) 문자와 숫자, 언더바를 사용할 수 있지만, 변수명은 숫자로 시작할 수 없음 3) 변수 명은 영문의 대소문자를 구분함 2) PHP의 데이터 형식: 정수(int), 실수(double), 불형(Boolen), 객체 (Object), 배.. 2021. 8. 2. [HTML/CSS] <a> 태그로 페이지 내부 이동 목차 클릭 시 해당 라인으로 이동하는 HTML 작성 방법 - "내부 링크"를 이용: 태그 사용 1. 태크란? - "Anchor"의 약자 - 특정 사이트의 이동 (하이퍼 링크)이나 동일 페이지 내의 특정 위치로 이동(앵커)하게 하는 역활을 한다. (링크 기능) - 링크의 타깃이 되는 역활을 함. 1) 태그 syntax "string" 필수 속성으로써, href와 name이 필요하다. • herf : Hyperlink Reference (연결 고리 참조) • herf 이후에 오는 "#where"는 "string"을 클릭 시 이동하는 목적지를 나타낸다. - 반드시 #을 붙여주어야 한다. • name: 해당 태그의 이름으로써 다른 링커의 목적지의 역활을 한다. • name 대신에 "id" 를 사용해도 되며 두 .. 2021. 3. 29. [HTML/CSS] 테이블 만들기 개인적으로 HTML에서 테이블을 어떻게 만드는지를 정리한 글입니다. (Revised: 2020/10/01). 참고한 레퍼런스들은 아래에 있습니다. 1. 테이블의 요소 HTML에서 테이블을 만들기 위해서 필요한 요소들은 다음과 같다; , , , , , , , 1) HTML에서 기본적인 테이블을 만드는 순서 ■ 태그를 이용하여 만들 테이블을 정의 ■ 태그를 사용하여 테이블에서 사용할 행들을 선언 ■ 태그 내부에 태그를 사용하여 나타낼 테이터/셀 칸들을 정의 > 2) 요약 ■ : 작성할 테이블을 정의 ■ : 작성할 테이블의 행을 정의 (table row) ■ : 작성할 테이블의 열의 제목을 정의 (table headline) ■ : 작성할 테이블 내의 데이터가 들어갈 셀을 정의 (table data) ■ //.. 2020. 9. 25. 이전 1 다음 728x90
