CSS(Cascading Style Sheets) 박스 모델 써먹기 다시 2.html로 돌아와서 아래와 같은 디자인 계획안처럼 해보려 한다. 이전 과정까지는 없는 가로와 세로줄을 제목과 목차, 내용을 정리하려한다. 어떻게 해야 할까? ① 가로줄 만들기 먼저는 가로줄을 만들기 위해서는 테두리를 사용해야 한다. 그렇다면 누구에게 테두리를 주어야 하는가? h1 태그에 테두리를 주어야 한다. h1 { font-size:50px; text-align:center; border-bottom:1px solid gray; } 테두리의 아래쪽만 선을 줄 것이기 때문에 border-bottom: 1px solid gray; 테두리 아래쪽에 선을 주고 보니 뭔가 위치가 애매하다. (생활코딩님 강의에서 h1의 위쪽과 아래쪽의..

CSS(Cascading Style Sheets) HTML에서 만들었던 예제에 디자인해보기 박스 모델 이전 HTML에서 만들었던 예제에 BOX.html 파일 추가 HTML의 기본적인 코드들에 예재를 넣어보자. empty space每个人心里都住着一个艺术家给自己一页空白来表达 여기서 태그는 화면 전체를 쓰고 있다(줄 바꿈이 되었다). 그런데 태그는 똑같은 태그임에도 불구하고 줄 바꿈이 되지 않고 다른 콘탠츠들과 같은 라인에 위치해 있다. 왜 이런 차이가 존재하는 것일까? 제목 태그인 태그는 화면 전체를 쓰는 것이 기본적으로 편리하기 때문이다. 그리고 링크가 화면 전체를, 링크 앞뒤에 있는 콘탠츠가 줄 바꿈이 된다면 상당히 불편하기 때문에 기본적으로 링크는 딱 자기 크기만큼을 쓴다는 것을 짐작할 수 있다. 이것..

CSS (Cascading Style Sheets) CSS 속성 스스로 알아보기 - property 스스로 알아보기, 효과에 대한 중요한 토대 닦기 텍스트 크게 만들기 h1 { font-size: 50px; } [추천 검색어] CSS text size property 가운데 정렬하기 h1 { text-align: center; } align - 정렬하다. [추천 검색어] CSS text center property WEB网络 计算机语言-常见语言 HTML超文本标记语言 CSS层叠样式表 JavaScript -CSS层叠样式表 > CSS 선택자의 기본 - 선택자에 대한 중대한 토대 닦기 Ex) Web page의 모든 태그들을 검은색으로 사용자가 방문한 적이 있는 태그는 회색으로 그리고 현재 사용자가 방문하고 있는..

CSS (Cascading Style Sheets) 생활코딩님의 WEB1 - HTML & Internet 강의를 듣고 바로 다음 WEB2 - CSS 강의를 공부한다. CSS의 등장 Web page를 디자인할 때 두 가지 방법이 있다. 쉽지만 한계가 있었던 방법, HTML에서 태그를 추가하는 것 HTML의 태그를 추가하는 것보다 훨씬 어렵지만 근본적인 해결책을 가져다주는 방법, CSS (HTML에서 를 추가하는 것이 아닌 본질적으로 꾸며주는 것) Ex) HTML 태그 사용 WEB网络 计算机语言-常见语言 HTML超文本标记语言 CSS层叠样式表 JavaScript Ex) CSS를 사용 ​ 태그에서의 중복된 코드를 단 하나의 코드로 나타낼 수 있다. 중복의 제거 만약 중복된 태그가 1억개라면 웹페이지의 사이즈는 ..

부록: 코드의 힘 동영상 삽입 동영상과 같은 비싸고 큰 부품을 합성해서 새로운 제품, 동영상이 포함되어 있는 Web page를 생성, 이것이 코드의 힘 유튜브 동영상 삽입해보기 동영상 Web page에서 공유 클릭 > 퍼가기 클릭 > 소스 가져오기 > 태그로 감싸기 WEB网络 计算机语言-常见语言 HTML超文本标记语言 CSS层叠样式表 JavaScript -HTML超文本标记语言 超文本标记语言HTML(HyperText Makeup Language)HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 更多>> 댓글 기능 추가 댓글 기능..

HTML (HyperText Makeup Language) & Internet Github 우리에게 홈페이지를 운영할 수 있는 Web Server를 제공 sign up > New repository Repository name 작성/ Public 체크/ Add a README file 체크 Repository를 만들었으면 Upload file 코드를 저장한 디렉토리를 찾아서 업로드 Commit changes에 업데이트 내용 작성 업로드한 파일들을 이용해서 웹 사이트를 운영하기 위한 Setting Settings > GitHub Pages > Source > Branch: main Website 생성! https://ro117youshinkim.github.io/web/ WEB1 - Welcome WEB（..