반응형 HTML20 html 표 작성 다양한 스타일 html 표 작성 다양한 스타일 1. 기본표 Header 1 Header 2 Data 1 Data 2 Data 3 Data 4 적용결과 HTML 삽입 미리보기할 수 없는 소스 2. 표에 테두리 가 있는 표 Header 1 Header 2 Data 1 Data 2 Data 3 Data 4 적용결과 HTML 삽입 미리보기할 수 없는 소스 3. 표에 줄 간격 및 배경색 있는 표 Header 1 Header 2 Data 1 Data 2 Data 3 Data 4 적용결과 HTML 삽입 미리보기할 수 없는 소스 4. 표에 가운데 정렬 및 헤더 스타일을 반영한 표 Header 1 Header 2 Data 1 Data 2 Data 3 Data 4 적용결과 HTML 삽입 미리보기할 수 없는 소스 5. 라운드된 테두리와 .. 2023. 4. 26. html div 선그리기, div draw line html div 선그리기, div draw line HTML 삽입 미리보기할 수 없는 소스 2023. 4. 11. 주피터노트북 파일을 웹서비스에 끼워 넣기 (flask) 1. 추천 파일 구조 ├── app.py # 플라스크 실행 파일 ├── static # css 파일 구조 ( css 파일 출처 : https://github.com/cbernet/jupyter_web ) │ └── css │ ├── main.css │ ├── notebook.css │ └── pygments │ └── notebook │ └── colorful.css └── templates # html 파일 디렉션 ├── jupyter # 주피터노트북 구동 디렉션 │ ├── Untitled.html # 주피터노트북 html 로 저장 │ └── Untitled.ipynb # html 파일 └── main.html # main 페이지 html 파일 2. 주피터 노트북파일을 html 파일로 저장 - jupt.. 2023. 3. 20. 주피터 노트북 특정 경로에 html 파일로 저장하기 주피터 노트북 특정 경로에 html 파일로 저장하기 주피터 노트북에서 download as 을 이용하여 html 파일을 다운 받을 수 있지만.. 원하는 경로에 저장이 안됩니다. 이럴 때는 아래 명령어를 이용하여 같은 경로에 같은 이름으로 html 파일을 저장할 수 있습니다. jupyter nbconvert --to html Untitled.ipynb 명령이 이후 해당 경로를 보면 아래 그림과 같이 html 파일이 생성 됩니다. 2023. 3. 20. html css 를 활용하여 명함 만들기 html css 를 활용하여 명함 만들기 아래 그림 처럼 명함을 만들어 보겠습니다. 위 명함을 그리는 html css 코드는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 2023. 3. 12. html, css, content 문장 앞에 똑같은 문구 반복 문장 앞에 특적한 문구를 반복하고 싶으면 content 속성을 사용합니다. 모든 문장 앞에 Hello를 입력하고 싶다면 아래 코드와 같이 html / css 코드를 구성합니다. Kim Brown Tom 위 코드 입력 결과는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 반복되는 문구의 글자 색, 크기 등을 정할 수 있으며, 예시는 코드와 같습니다. Kim Brown Tom 위 코드 적용 결과는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 2023. 2. 6. 이전 1 2 3 4 다음 반응형