언유상씨의 건전한 취미생활

역시 마찬가지로 내용 (어원)설명의 순으로 진행된다. 이것보다 더 기본적인 태그들은 이쪽으로https://onutoa111.tistory.com/34 ~ 부가 정보처럼 작게 표시해도 되는 텍스트 ex)부가세 별도 ~ 아래 첨자 ex) H2O ~ ex) 취소선 ~ 단순 밑줄(링크 표시 용도는 아니다.) (unordered list) 내용 (list item) ....순서가 없는 목록(· ~~ )(· ~~ )와 같은 형식으로 나타난다. (ordered list) 내용 .... 순서가 있는 목록 에는 3가지 속성이 존재하는데, 다음과 같다. 1. typetype에서 적용할 수 있는 속성 값은 아래와 같다. 속성 값설명1숫자(default)a영문 소문자A영문 대문자i로마숫자 소문자I로마문자 대문자2. start..

텍스트와 관련된 태그에 대해 알아보자. 내용 (어원) 설명 의 방식으로 진행된다. 제목 (heading) n이 작을수록 글자 크기가 커진다. 이 가장 큰 제목이다. 텍스트 (paragraph) 줄 바꿈 없이 텍스트를 표시한다. 단락의 길이가 브라우저 창의 너비보다 길어지면, 줄이 자동으로 바뀐다. * 을 두번 쓰면 단락 같아 보이긴 하지만, 웹 브라우저는 단락이라 생각하지 않는다. (break) 줄 바꿈 ( \n랑 같음) (horizontal) 가로선이 생김. CSS를 이용해 선을 없앨 수 있다. 인용 내용 인용된 문장은 들여써진다. 텍스트 (preformat) HTML에는 공백이 많아도 브라우저에는 한개의 공백이 표시된다. 를 사용하면, 소스에 표시한 공백이 브라우저에 그대로 표시된다. * 소리로 읽거..

웹 편집기 : 웹 문서를 작성하는 프로그램 웹 브라우저 : 웹 문서를 보는 프로그램 소스에서 으로 묶인 부분 -> 'HTML 태그(tag)' 태그를 붙이는 것 -> '마크업' HTML5 + CSS3 -> 반응형 웹 디자인도 가능 반응형 웹 디자인이란? 접속하는 기기에 따라 자동으로 레이아웃이 바뀌는 것. 태그는 를 이용해 구분하며, 소문자로 작성한다. 닫는 태그가 필요한 경우 반드시 닫도록 하자. C언어와 같이 띄어쓰기를 여러칸 하더라도 하나로 여기므로, 보기 좋게 적당하게 들여쓰도록 하자. 태그는 속성과 함께 사용할 수 있다. 포함 관계를 명확히 하자. HTML의 문서 기본 구조는 다음과 같다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 ..

군대의 문제점 컴파일러가 없다 notepad++가 있기는 하지만 플러그인 다운로드가 쉽지 않다. Python이나 Rstudio 도 있기는 하지만 역시 다운로드가... 국방부에서 진행하는 오픈소스아카데미 Git/Github, tensorflow, keras 수업은 있지만 실습은 안된다(...) 그래도 공부는 하고 싶어서, HTML과 CSS를 시작한다.