반응형

HTML 3

[티스토리] 코드블록 스타일 / 폰트 변경하기

안녕하세요! daily_D 입니다! 👩🏻‍💻 오늘은 티스토리 코드블록 커스텀하는 방법에 대해 공유해드리려합니다! 블로그에 정리하는데 이왕이면 이쁜 코드블록으로 보면 기부니가 좋자나요~~ 🤗 1) Syntax Highlight 플러그인 사용하기 ※ 플러그인을 사용하면 1분만에 코드블록 스타일을 변경할 수 있지만 디자인이 이쁘지 않으니 2, 3번 방법을 추천드립니다! ㅎㅎ 1. [블로그 관리 > 플러그인 ] 으로 이동합니다 2. syntax highlight에서 본인이 원하는 테마를 선택하고 적용을 누르면 됩니다! 3. 결과 (Atom One Dark) 2) 스킨 편집하기 (HTML) 1. [블로그 관리 > 꾸미기 > 스킨편집 > html 수정] 2. 아래의 코드를 HTML 바로 밑에 추가합니다. 3. 아래..

➰ Library/기타 2021.12.20

HTML 태그에 대해 알아봅시다!

HTML 이란? HTML의 기본 6가지 태그에 대해서 알아보자. 1. 텍스트 태그 홈페이지 만들기 뭐부터 시작? 프론트엔드 언어를 배워야 함! 머릿글 머릿글 부주제 부주제 단락 단락 2. 미디어 태그 이미지 삽입 3. 링크 태그 구글링하기 링크 삽입 링크표시할 단어 링크표시않을 단어 4. 리스트 태그 언어의 종류 HTML CSS JS ol 리스트 (ordered list)- 순서가 있는 목록 내용 ul 리스트 (unordered list)- 순서가 필요 없는 목록 내용 dl 리스트 (definition list)- 사전처럼 용어를 설명하는 목록 내용 li리스트 (list item)- 사과 의 각 항목들을 나열할 때 쓰는 태그 내용 5. 테이블 태그 언어의 역할 언어 역할 HTML 문서 내용을 작성 CSS..

➰ Library/기타 2020.09.09

HTML, CSS 웹개발 환경 만들기

웹 서비스 개요 웹 페이지는 클라이언트(프론트엔드)와 서버(백엔드)사이의 요청과 응답으로 동작한다 프론트엔드 : 사용자에게 직접 보여지는 영역으로 HTML, CSS, Javascript로 개발된다 HTML 은 웹 페이의 전체적인 구조를 만드는 역할 CSS 는 HTML로 만들어진 웹페이지를 디자인하여 예쁘게 꾸미는 역할 Javascript는 정적으로 만들어진 웹페이지를 동적으로 바꾸는 역할을 한다 백엔드 : 사용자에게 직접 보여지지 않는 영역으로 주로 DB를 관리하고 웹페이지에 데이터를 제공하는 역할을 한다 JAVA, JSP, Python, Django, 스프링 프레임워크를 통해 개발된다 개발환경 만들기 1.개발환경 설치없이 HTML, CSS 연습 가능 chrome - codepen 검색 - 회원가입 - ..

➰ Library/기타 2020.09.09