HTML

    [Bootstrap] 부트스트랩 테이블 컬럼명 세로쓰기 방지하기
    Project

    [Bootstrap] 부트스트랩 테이블 컬럼명 세로쓰기 방지하기

    세미 프로젝트의 프론트단을 부트스트랩으로 구현 하기로 했다. 헤더영역를 html/css/jQuery로 만든 시점에서 다른 조도 부트스트랩을 사용한다고 해서 급하게 찾아봤다. 프론트 쪽에서 라이브러리를 써야할 줄 생각도 못했는데 (일일히 만드는 게 더 오래걸리는 줄도 모르고 ) 부트스트랩을 사용해보니 사용방법이 쉽고 일일히 디자인을 적용할 필요가 없다는 점에서 시간을 아끼고 있다. (사실 예쁘게 할 수 있는 디자인을 보고있자니 이것도 적용 저것도 적용 해보고 욕심이 생기는데, 시간이 턱없이 부족하고 몇몇 기능은 어쩐지 안돌아간다. 모달과 드롭다운 메뉴 같은게 잘 안되서 결국 모달창은 직접 만들게 됨.) 이 부분은 내가 따로 추가해야할 외부 링크를 연결하지 않아서 일 수도 있는데 따로 모달창과 셀렉트 옵션으..

    [HTML] 태그 정리
    백엔드 과정/html css

    [HTML] 태그 정리

    1_글자태그 : 제목을 입력할 때 사용하는 태그 : 제목을 입력할 때 사용하는 태그 h1 태그입니다. h2 태그입니다. h3 태그입니다. h4 태그입니다. h5 태그입니다. h6 태그입니다. : 줄 바꾸면서 수평선 넣는 태그 : 줄 바꿈 태그 : 단락을 구문하는 태그 문단을 나누는 태그 문단 영역을 나누는 태그로는 p태그와 pre태그가 있다. p태그는 문단 영역을 나누는 태그 이지만 한 개의 공백만 표시하며 줄 바꿈 입력을 별도의 태그로 지정해주어야 한다. pre 태그는 여러 칸 띄우기 혹은 줄 바꿈 등을 포함하여 입력한 내용 그대로 표현하는 태그이다. 그 밖의 텍스트를 다루는 태그들 : 글자를 굵게 표시하는 태그 : 글자를 굵게 표시하는 태그 *** 웹 접근성 *** b는 단순한 스타일만 변경..

    백엔드 과정/html css

    [HTML5] 문서 형식 선언 <!DOCTYPE html>

    문서의 형식을 알려주는 태그 HTML5 이전 버전까지는 URL을 포함하여 작성했지만, HTML5에 들어서는 과 같이 간단하게 표기하게 되었다고 함. Html 문서 시작 , 끝을 표시 Lang 속성은 이 페이지가 어느 나라 언어로 되어있는지 표시를 의미 *검색엔진이 페이지 검색 시에 참고 , 검색 사이트에서 특정언어 제외할 때 사용 속성 : lang ex) 속성값 : 설정언어 코드 de en fr ja ko 언어 독일어 영어 프랑스어 일본어 한국어 문서의 각종 정보와 문서 자체에 대한 설명 내용 , , , , 등 사용 화면에 출력해서 보여주는 모든 정보 내용 head 들어가는 태그를 제외하고 모든 태그를 사용 코드 작성내용에 대해 설명하는 곳에 사용하여 브라우저가 이 부분은 해석하지 않고 넘어간다 ! + ..

    백엔드 과정/html css

    [HTML5] HTML 개요

    HTML란? (Hyper Text Markup Langage) 웹에서 정보를 표현할 목적으로 만든 마크 업 언어 웹 페이지를 작성하기 위해 사용되는 언어로 웹 브라우저에게 보일 문자열과 이를 감싸는 일종의 해석기호 인 태그들로 이루어진다. 하이퍼 텍스트? -> 다른 텍스트에 대한 참조("링크")를 가진 텍스트. 시용자가 의도하는 순서에 따라 관련있는 쪽으로 이동하여 정보를 얻도록 조직화된 시스템. 마크 업 (태그) 문서의 논리적인 구조를 정의하고 , 출력장치에 어떠한 형태로 보여질 것인지를 지시하는 역할 문서 내에 삽입되는 일련의 문자 또는 기호 문서의 구조 content 내용 - 문서의 실제 본문 내용 -> 의미적 마크업( 제목, 주소 등) structure 구조 - 문서의 구성 정보(제목, 장, 절 ..

티스토리툴바