본문 바로가기
HTML 공부하기 : id(아이디) 활용 / class와 차이 https://awesomek.tistory.com/entry/HTML-%EA%B3%B5%EB%B6%80%ED%95%98%EA%B8%B0-Class-%EC%9D%B4%EC%9A%A9%ED%95%98%EA%B8%B0?category=841354 HTML 공부하기 : Class 이용하기 https://awesomek.tistory.com/entry/HTML-%EA%B3%B5%EB%B6%80%ED%95%98%EA%B8%B0-CSS-%EC%9E%85%ED%98%80%EB%B3%B4%EA%B8%B0?category=841354 HTML 공부하기 : CSS 입혀보기 HTML은 내용을 담고 CSS 스타일을 담.. awesomek.tistory.com 이전에 class를 이용해서 원하는 문장을 꾸며보았다. 똑같이 원하.. 2020. 2. 8.
HTML 공부하기 : Class 이용하기 https://awesomek.tistory.com/entry/HTML-%EA%B3%B5%EB%B6%80%ED%95%98%EA%B8%B0-CSS-%EC%9E%85%ED%98%80%EB%B3%B4%EA%B8%B0?category=841354 HTML 공부하기 : CSS 입혀보기 HTML은 내용을 담고 CSS 스타일을 담당 태그를 글자를 크게 하고 가운데로 옮기자 이전에 에 을 이용하여 글자의 폰트나 크기 등을 조절할 수 있었다. CLASS를 이용하여 스타일 예를 들어 태그가 위 사진과 같이 여러개일 경우, 그리고 하나만 스타일 해주고 싶으면 어떻게 할까? 태그 전체를 스타일해줄 때는 위와 같이 작성하여 쉽게 할 수 있었다. 저 3개의 태그 중 하나만 꾸며줄경우 여기서 세번째 문단이라는 것만 변경을 해보겠다.. 2020. 2. 5.
[Linux/CentOS 8] alias 명령어 별칭 자주 사용하는 명령어를 alias로 별칭을 이용하여 쉽게 사용하기 위해 설정 기본적으로 위와 같이 설정되어 있다. 자주 사용했던 ls -l 명령어도 ll로 하면 편하게 사용할 수 있다. Alias 등록 예를 들어 history 명령어(실행한 명령어의 기록)을 자주사용한다 라고 했을 때 alias 명령어를 사용해서 h만 써도 history 명령어가 실행되도록 해보겠다. history 명령어로 기존에 썻던 명령어 리스트들이 나온다. alias h='history' h에 history 라는 명령어를 실행하게 끔 할 수 있다. 위에 alias h='history' 라는게 등록되어 있는것을 볼 수 있다. h를 치면 history와 동일하게 실행된 것을 볼 수 있다. Alias 해제하기 위에 h를 치면 histor.. 2020. 2. 5.
HTML 공부하기 : 이미지 삽입하기 기존 작성된 코드로 활용 테스트 중입니다. 라는 텍스트 밑에 그림을 집어 넣어보려한다. 이미지 삽입 내 블로그 내에 있는 사진 가져오기 사진에 마우스 오른쪽으로 하면 사진 링크를 복사할 수 있다. 사진 주소 : https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fk.kakaocdn.net%2Fdn%2FSn9ZQ%2FbtqBzkbc7SK%2FsBlidZoyDLLWOkCwyneuzK%2Fimg.png 테스트 중입니다. 텍스트 아래에 코드를 작성 결과를 보면 사진이 삽입된 것을 알 수 있으나 사진이 너무 커서 사진 조정이 필요 사진 크기 조정 기존 코드에서 뒤에다 width="300" 을 추가해준다. 그럼 이렇게 사진이 조정된.. 2020. 2. 3.
HTML 공부하기 : <a> 태그 사용 홈페이지나 블로그를 보면 다른 페이지로 이동할 수 있다. 홈페이지에 하이퍼링크를 추가하여 다른 페이지로 이동 태그를 이용해서 사용 외부 사이트 하이퍼링크 안에 태그를 보면 "https://awesomek.tistory.com" 주소로 링크된 것을 볼 수 있다. 아래 링크를 클릭하면 tistory 블로그로 바로 가게된다. 하지만 사이트에서 외부페이지로 바로 넘어가면 사용자가 불편함을 느낄 수 있다. 링크를 눌렀을 때 새탭에 띄울 수 있게 해보려한다. 위와 같이 뒤에 target="_blank" 를 추가해주면 된다. 사이트 내 이동하기 index 폴더경로는 file:///C:/web/index.html 이렇게 되어있다. web 폴더 아래 Directory 라는 폴더를 하나 만들고 거기에 page1.html .. 2020. 2. 2.
HTML 공부하기 : CSS 입혀보기 HTML은 내용을 담고 CSS 스타일을 담당 태그를 글자를 크게 하고 가운데로 옮기자 태그를 추가 시키고 그안에 꾸며주는 역할을 하는 기능을 사용하면 된다. font-size : 폰트 사이즈 text-align : 글을 중앙으로 위치 text-align : left; text-align : right; text-align : center; margin-bottom : 글 사이 간격 그럼 h1 태그에 속해있는 글이 폰트 사이즈가 40px 그리고 글을 중앙으로 배치했으며 글 아래 여백을 100px 줬다는 뜻 2020. 1. 30.
HTML 공부하기 : Sublime text 설치 및 실행 IDE : Sublime text Sublime text는 아래 링크에서 설치 https://www.sublimetext.com/3 Download - Sublime Text Sublime Text 3 is the current version of Sublime Text. For bleeding-edge releases, see the dev builds. Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currently no enforced time limit f www.sublimetext.com : 웹브라우저에게 HTML 버전을 알려주는.. 2020. 1. 30.
HTML 공부하기 : 한글 깨짐 수정 / UTF-8 위의 HTML을 크롬과 Internet Explorer에서 켜보면 크롬은 한글이 정상적으로 출력이 되지만, Internet Explorer에서는 이상한 글씨체로 출력이 된다. 좌측 : Internet Explorer 우측 : Chrome Chrome에서는 한글을 지원하는 인코딩 방식을 사용하지만 Internet Explorer에서는 지원을 하지 않는다. 똑같이 다른 브라우저에서도 동일하게 한글을 지원하게 하려면 어떻게 해야할까? 태그 밑에 을 추가하면 된다. 좌측 : Internet Explorer 우측 : Chrome 둘다 한글이 출력되는 것을 볼 수 있다. 를 쓰면 다른 브라우저에서도 동일하게 한글을 지원이 가능하다. 2020. 1. 30.
[Linux/CentOS 8] 하드링크 ? 심볼릭 링크 vi k.c : vi 편집기로 k.c를 열어준다. 만약 k.c라는 게 없을 경우 생성 위에는 C언어 코드입니다. 간단하게 작성 한다음 저장해주세요 :wq : 저장 컴파일 할 떄 gcc 패키지가 없어 정상적으로 실행이 안될 수 있으니 아래 내용 참조하시기 바랍니다. https://awesomek.tistory.com/entry/LinuxCentOS-8-c%EC%96%B8%EC%96%B4-%EC%BD%94%EB%94%A9-gcc-%ED%99%9C%EC%9A%A9 [Linux/CentOS 8] c언어 코딩 gcc 활용 Linux에 개발환경을 구축하기 위해서는 컴파일러(Compiler) 설치를 진행해야합니다. yum -y install gcc : gcc 패키지 설치 rpm -qa | grep gcc : gcc .. 2020. 1. 26.

티스토리툴바