블로그를 쓰다 보면, html 테이블을 만드는 경우가 있다. 나는 구글 blogger를 이미 사용하고 있다. html을 나모 웹 에디터 사이트에서 테이블을 만든 다음 그것을 복사 하면 태그가 매우 복잡해진다. 페이지 로딩 속도가 느려져 나중에 seo에 영향을 받는다.
https://comp.namoeditor.co.kr/ce4/demo/namo/experience_write.jsp?code=01&tmp=
html style sheet 로 보기 좋은 table 만들기
지금 나는 강의하기 위한 교재를 만들고 있다. 교재 또는 서적을 출판 하려고 할 때, 반드시 필요한 것이 있는데, html style sheet 를 작성 하는 것이다. 즉 표를 이미지를 캡쳐 떠서 할 것이냐, 아니면, html에 직접 그릴 것인지를 알아 보는 것인데, 나중에 소개 할 MailR에서는 반드시, html style sheet 가 필요하여, 아래와 같이 작성 한다.
HTML body, head & title 페이지
HTML body와 head 페이지 구성
html의 body와 head는 별도로 구성이 되어 있다. body 부분은 windows 웹 브라우져 메인에 보여 주는 내용을 적는 것이고, head는 별도로 내용을 적는다. head 태그는 meta, title 이외의 style, script, link와 같은 태그를 포함 할 수 있다.
아래의 예제는 body와 head를 나누어주는 것이다.
html 코드 샘플
html 페이지 구조 설명
HTML 코드 구조
html 구조는 Word 파일 구조와 같은 형태로 하면, 기본에서는 아주 깔끔하게 구성 된다. 아래는 HTML 기본적인 구조를 나타내는 것이다.
아래의 스크린에 보이는 화면과 html 을 glitch로 실습을 해보겠다. 헤드라인을 구성 하고 헤드라인에 대한 내용 그리고 세부 헤드라인과 세부 헤드라인의 구성을 아주 깔끔하게 나타낸다. 아래는 glitch에서 코드를 잘 다듬어 낸 코드 예제 이다.
HTML 코드 샘플
<html>
<body>
<h1>
This is the Main heading
</h1>
<p>
this text might be an introdunction to the rest of the page. and if the
page is a long one it might be split up into several sub-headings.
</p>
<h2>
This is Sub heading
</h2>
<p>
Many long ariticles have sub-heading so to help you flollow the structure
of what is being written. there may even be sub-sub-headings (or
lower-level headings).
</p>
<h2>
Another Sub-Heading
</h2>
<p>
here you can see another sub -heading
</p>
</body>
</html>
HTML의 결과
html & css 를 시작 하면서
html & css는 필자가 별로 좋아하지 않는 것이다. 하지만, 블로그를 키우거나, 파이썬에서 웹크롤러를 잘 하려면, html 이나 css 구조에 대해서 잘 알고 있어야 한다.
이건은 급하게 서두를 필요가 없을거 같고, 정도를 걷는 것이 좋을 듯 하다. 정도를 걸을 려면, 아주 좋은 웹에디터가 있어야 하는데 아주 좋은 웹에디터를 찾았다.
20년 전에 웹프로그래머 였던 나는 아직 까지 나모 웹에디터터나, 드림위버를 찾고 있었다. 그러다가 그냥 포기 해 버렸다.
그리고 다시 도전 하는 에디터를 아래 glitch 바꾸었다. 이것의 큰 장점은 코딩 하면서 결과를 바로 볼 수 있다는 것이다. 아마 다른 좋은 것도 있을 것인데, 일단 이걸로 정하였다.
그리고 교재도 정하였는데, 아래 것을 정하였다. 정말 천천히 나갈 것이다.
우리 나라 서적도 한번 고려 해 보았는데, 기본적인 개념을 이해 하기는 원서를 보는 것이 매우 명확하고 좋다. 앞으로 한 단계 조금씩 하겠다.
피드 구독하기:
글 (Atom)
css cheat sheet 클래스 선택자, margin(마진), display , center 조정 간단한 구성 요소
앞에서는 html의 간단한 sheet를 소개 하였습니다. html은 주로 골격을 나타나는 것이라, 디자인을 하는데는 css로 하여야 합니다. 아래 코드와 같이 css 관련 하여 매우 간단하게 코딩 하겠습니다. body 부분의 css 코딩 ...
-
t-검정은 두 데이터 셋의 평균값을 비교하고 동일한 모집단의에서 나온 것인지 결정 할 수 있다. 아래의 데이터 셋의 예에서 Group 1과 Group 2의 다른 샘플은 가진다면, 동일한 평균과 표준편차를 가질 것이라고 기대할 수 없다. ...
-
네이버 지식인에서 아래와 같은 질문이 왔다. 미국 연방기금금리 1%p 인상이 미국의 실업률과 인플레이션율에 미치는 동태적 영향을 VAR 모형과 직교화충격반응함수를 이용해 분석하시오 .라는 과제를 받았습니다.. rstudio의 VAR함...
-
KoLNP 로딩하면 아래와 같은 메시지가 나올 경우가 있다. warning message: in i.p(...) : 패키지 ‘c:/users/rdmkyg/appdata/local/temp/rtmps6vlku/file23e45dd83537/konlp...
-
과대적합을 해결 하는 대표적인 방법 중 하나인 가중치 규제(regularization) 이다. 가중치 규제란 말 그대로 가중치의 값이 커지지 않도록 제한 하는 기법이다. 가중치를 규제하면 모델의 일반화 성능이 올라간다. 아래 경사가 급... -
통계학에서 베이블 분포(Weibull distribution)는 연속확률 분포로써 고장 확률에 대한 예측에 대하여 많이 쓰인다. 신뢰도를 측정하는데 많이 쓰이는데, 시스템 혹은 부품이 작동을 시작하여 그 시점까지 고장 나지 않고 여전히... -
R과 Python의 가장 큰 차이가 나는 것이, 문자열 인덱싱과 슬라이싱 일 것이다. 즉, 인덱싱은 문자에도 각 순번이 있어, 순번대로 가져오는 것이다. 그런데 R 과 파이썬 둘의 차이가 매우 크다, 어떻게 보면, 문자열을 초기에...
-
필자가 근무하고 있는 부서는 보전(maintenance Dept') 부서이다. 생존분석이 매우 중요하다. 고장확률은 아래와 같다. 고장확률 = 1 - 생존확를 센서에서 고장에 대한 Event 알람 신호를 받아,...
-
CNN 하면서 이미지 데이터 전처리는 아주 중요한 것이다. 본인이 수집하거나 관찰 한 사진이 많고, 데이터 라벨 작업을 하였다면, 아래와 같은 딥러닝 할 수 있는 데이터 셋을 만들어야 한다. 즉 feature (image) 값과 l...
-
R에서 vector union(합집합), intersect(교집합), setdiff(차집합)은 실무에서는 데이터 기준을 세우고 돌릴때, 사용이 많이 된다. 벡터를 추가 하거나, 필요한 것만 불러 올 경우에는 집합 계산을 할 수 있다.
-
R 하고 Python을 같이 사용하게 되면, 두개의 문법이 매우 헤깔리다. 헤깔린 부분을 해결하려면, 나름대로 기록이 필요하다. R에서는 paste 또는 paste0로 하지만, Python은 문자열 + 문자열로 한다. 문자열을 그대...
