티스토리 html 편집에서 스킨 편집 단축키를 사용하면 프로그램 편집 검색이 쉽고 편안합니다. 전 시간에 티스토리 Whatever(왓에버) 스킨 메뉴에서 카테고리 지원하기 방법에서 스킨 편집에서 html 편집으로 들어가 ##_blog_menu_## 스킨 치환자 아래에 ##_category_list_##를 붙여 넣기 적용 후 새로고침을 하는 내용이 있었습니다.##_blog_menu_## 치환자를 찾을 때 스킨 편집 단축키 Ctrl + F를 사용하여 치환자를 바로 찾을 수 있었습니다. 아직 많은 단축키를 사용하지는 못했으나 좋은 내용 있어 소개합니다. 관리자 화면 꾸민기에서 스킨 편집을 클릭합니다. Html편집을 클릭하면 상단에 HTML.CSS. 파일 업로드 옆에 물음표(?)를 클릭하면 아래와 같은 스킨 편집 단축창이 나옵니다.
위의 단축키 내용을 정리하면 다음과 같습니다. (미리 보기 새로고침 Ctrl + S) (저장 Shift + Ctrl + S) (검색 Ctrl + F) (다음 검색 결과로 이동 Ctrl + G) (이전 검색 결과로 이동 Shift + Ctrl + G) (변경 Shift + Ctrl + F) (모두 변경 Shift + Ctrl + R) (줄 이동 Alt + G) (들여 쓰기 Tab) (자동 들여 쓰기 Shift + Tab) (들여 쓰기 단계 증가 Ctrl + ] ) (들여 쓰기 단계 감소 Ctrl + [ ) (줄 삭제 Ctrl + D) (실행 취소 Ctrl + Z) (다시 실행 Ctrl + Y)등이 있습니다.
HTML를 공부 중이라 많은 내용 이야기할 수는 없지만 제가 처음 HTML를 접한 것은 메타테그를 복사해서 <head>와 <head> 사이에 붙여 넣기를 하고 적용을 하고 주석 달기 <!--구글 사이트 소유권 확인--> 나중에 코드 찾기가 용이함에 처음 코딩을 해보았습니다. 티스토리 블로그를 개설하고 구글 네이버 빙 웹 마스터 도구에서 블로그를 등록하려 하니 html을 알아보았습니다.
간단히 HTML구조를 말씀드리면 웹페이지의 골격을 나타내는 언어입니다. HTML은 HyperText Markup Language의 약자인데요, HyperText는 단순 텍스트 이상의, 링크 등의 개념이 포함된 텍스트 Markup은 꺽쇠(< >)로 이루어진 태그를 사용하는 규격이라고 합니다. 태그들을 이용하여 텍스트를 정의하는 약속된 언어라고 할 수 있습니다. 실제로 표시되는 문자, 사진, 영상, 레이아웃 모두 HTML로 구성되어있습니다.
다음은 <body> 태그 내부에 들어가는 대표적인 태그들의 목록입니다. <br> 태그. <p> 태그. <b> 태그. <i> 태그. <h#> 태그. <a> 태그. <img> 태그. <table> 태그. <div> 태그. <span> 태그. <li> 태그. <form> 태그.
다음은 <head> 태는 문서의 머리를 나타내는 태그입니다. 브라우저 화면에 직접적으로 보이지 않으며, 숨은 데이터를 정의하는 태그들이 들어가게 됩니다. 다음은 <head> 태그 내부에 들어가는 대표적인 태그들의 목록입니다. <title> 태그. <meta> 태그 <link> 태그. <style> 태그. <script> 태그
이상으로 html의 기본 구성요소들을 알아보았습니니다. 너무 간단한 이야기이지만 다음 시산에는 짧은 내용 첨부하여 사용법 예제를 알아보겠습니다.
'Android' 카테고리의 다른 글
| 노트패드++(Notepad++)를 활용한 html편집 배우기 (0) | 2020.03.30 |
|---|---|
| html 메모장으로 구성하기 (0) | 2020.03.25 |
| 이미지 편집 캔바(Canva) 사이트를 소개합니다. (0) | 2020.03.17 |
| 코딩(coding) 스크래치(scratch) 움직인는 배경 화면 만들기(4) (0) | 2020.03.14 |
| 코딩(coding) 스크래치(scratch) 움직이는 배경화면 만들기(3) (0) | 2020.03.12 |
