프로그래밍언어/HTML
-
HTML 기초 - HTML + CSS, 배경색, 글자색, 글꼴, 크기, 정렬프로그래밍언어/HTML 2023. 4. 2. 14:12
배경색 background-color를 powderblue 색으로 변경할 수 있다 각 단락마다 background-color 색을 지정해 주어 바꾸어 줬다 텍스트 색상 background를 빼고 color의 색상을 정해주면 해당 글자의 색이 바뀌게 된다 글꼴 font-family는 HTML 요소에 사용할 글꼴을 정해준다 텍스트 크기 font-size는 HTML 요소의 텍스트 크기를 정해준다 텍스트 정렬 text-align는 HTML 요소의 가로 텍스트 정렬을 도와줍니다 w3schools - html 공부내용 정리
-
HTML 기초 - 단락, 줄 바꿈, 줄 변경 그대로 출력프로그래밍언어/HTML 2023. 4. 2. 13:38
HTML 단락 HTML 요소는 단락을 정의한다 단락은 항상 새 줄에서 시작하며 브라우저는 자동으로 단락 앞과 뒤에 약간의 공백(여백)을 추가해 준다 브라우저는 페이지가 표시될 때 추가 공백과 줄을 자동으로 제거하여 표시해 준다 HTML 수평규칙 태그는 HTML 페이지에서 콘텐츠를 분리(또는 변경 정의)하는 데 주로 사용된다 는 비어 있는 태그로, 종료 태그가 없어 단독으로 사용한다 HTML 줄 바꿈 태그는 비어 있는 태그로, 종료 태그가 없어 단독으로 사용한다 HTML 태그는 안에 있는 내용을 띄워쓰거나 줄내림을 해서 쓰더라고 보여질때는 한줄에 다 보여지는데 태그는 미리 서식이 지정된 텍스트를 보여주기에 안에 적은 내용 그대로 화면에 보이게 된다 w3schools - html 공부내용 정리
-
HTML 기초 - HTML 속성과 주의사항프로그래밍언어/HTML 2023. 4. 2. 13:10
HTML 종료 태크 주의사항 → 태그로 시작을 해서 내용을 적은뒤 종료 태그를 입력하지 않아도 출력이 가능하지만 권장되지 않는다 HTML 제목 주의사항 검색 엔진은 제목을 사용하여 웹 페이지의 구조와 콘텐츠를 인덱싱한다 그리고 사용자는 종종 제목으로 페이지를 훑어본다 따라서 문서 구조를 표시하려면 제목을 사용하는 것이 중요하다 ※ 제목에만 HTML 제목을 사용할것!! ※ ※ 제목을 사용해 텍스트를 크게 또는 굻게 하지 말것!! ※ HTML 속성 모든 HTML 요소는 속성을 가질 수 있다 속성은 요소에 대한 추가 정보를 제공해준다 속성은 항상 시작 태그 에 지정된다 속성은 일반적으로 name="value" 와 같은 이름/값 쌍으로 제공된다 너비 및 높이 속성 → width와 height 은 각각 픽셀 단위..
-
HTML 기초 - 제목, 단락, 링크, 이미지 태그프로그래밍언어/HTML 2023. 4. 2. 12:45
HTML은 제일 먼저 로 문서 유형을 선언하고 시작하여야 한다 HTML은 로 시작하고 로 끝나게 된다 HTML문서에서 웹 브라우저에 보이는 부분은 와 사이의 내용들이다 HTML 제목 → HTML의 제목은 contents 로 정의하고 숫자 1부터 6까지 존재하며 각 숫자마다 크기가 다르다 HTML 단락 → HTML의 단락은 태그로 정의가 된다 → 단락은 자동으로 줄 띄워쓰기가 적용이 된다 HTML 링크 → This is a link를 클릭하게 되면 https~~~naver.com 홈페이지로 연결이 된다 HTML 이미지 → 이미지는 src 링크를 통하여 이미지를 보여줄 수 있고, 만약 해당 링크에 사진이 사라지면 오른쪽 사진과 같이 보여줄 내용을 alt 에 적어줄 수 있다 → 또한 width 는 사진의 넓이..
-
HTML 기초 - HTML정의, 기본 형식, HTML 페이지 구조프로그래밍언어/HTML 2023. 4. 2. 12:23
HTML 이란? Hyper Text Markup Language의 약자이다 HTML은 웹 페이지를 만들기 위한 표준 마크업 단어들이다 HTML은 웹 페이지의 구조를 설명해 준다 HTML 기초 형식 은 이 문서가 HTML5 문서임을 정의한다 은 HTML 페이지의 루트 요소이다 는 HTML 페이지에 대한 메타 정보가 포함되어 있다 는 HTML 페이지의 제목을 지정한다 (브라우저의 제목 표시줄이나 페이지의 탭에 표시됨) 는 문서의 본문을 정의하고 보이는 모든 내용을 담는다 는 큰 제목을 말한다 는 단락을 말한다 위 사진은 HTML의 실행결과이고 페이지에 다음과 같이 표현이 된다 HTML의 구성요소와 페이지구조 이곳에 입력하고 싶은 내용을 입력 HTML은 시작 태그, 입력학고싶은 내용, 종료 태그로 구성이 된다..