블로그를 쓰다 보면, 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 코딩 ...
-
통계학에서 베이블 분포(Weibull distribution)는 연속확률 분포로써 고장 확률에 대한 예측에 대하여 많이 쓰인다. 신뢰도를 측정하는데 많이 쓰이는데, 시스템 혹은 부품이 작동을 시작하여 그 시점까지 고장 나지 않고 여전히... -
칼만 필터 Kalman filter는 충분히 성숙한 방법이다. 시계열로 부터 새로운 정보를 결합하는 데 사용되고 과거에 알려진 내부 상태 추정 정보를 지능적으로 결합해 준다. 칼만 필터의 최초 사용 사례로는 아폴로 11호 apollo 11 mis... -
KoLNP 로딩하면 아래와 같은 메시지가 나올 경우가 있다. warning message: in i.p(...) : 패키지 ‘c:/users/rdmkyg/appdata/local/temp/rtmps6vlku/file23e45dd83537/konlp...
-
Rstudio 4.1.1 버전하고 Rstudio 2021.09.0의 계정 이름이 한글 일 때 아래와 같은 오류가 발생 한다. package ‘devtools’ successfully unpacked and MD5 sums checked The do... -
predict를 이용한 예측은 현업 실무 할 때 매우 중요하다. 모델을 만들었는데, 그것을 예측하여, 결과값을 만들어 전사 DB에 업데이트 하였다. 회귀분석 Predict Observation trees 데이터 셋에 대해 다음의 문제를 해... -
논리연산자 AND,OR는 실무에서 많이 쓰이는 방법이다. R을 처음 시작 하는 컴퓨터 프로그래머는 for문을 많이 사용한다. 하지만 R에서 for문은 속도 측면에서 최악이다. 그리고 AND, OR, IF 문도 for문을 돌리지 않고 dpl...
-
필자가 근무하고 있는 부서는 보전(maintenance Dept') 부서이다. 생존분석이 매우 중요하다. 고장확률은 아래와 같다. 고장확률 = 1 - 생존확를 센서에서 고장에 대한 Event 알람 신호를 받아,...
-
1. devtools 가 필요한 이유
-
현업에 있으면, 직면하는 데이터는 항상 범주형(카테고리) 데이터 셋이다. 다른 모델로 하였을 경우 범주형 데이터는 항상 원-핫 인코딩을 하여 계산 하여야 만 했다. 하지만, 원-핫 인코딩을 하지 않고, 범주형 데이터를 이용하는 것에 대...
-
딥러닝 손실 함수 사용할때, 약방의 감초처럼 나오는 엔트로피 함수, 이것을 모르면, 일단 딥러닝을 모른 다 할 정도로 엔트로피 함수는 중요 하다. 딥러닝에서는 손실값을 구할때 사용하는 것으로, 사실상 손실 값을 계산 하지 않으면, 실...
