HTML~태그~
프로그래밍 학습을 시작한 지 약 1주일이 경과한 프로그래밍 초보자입니다.
초보자의 자신이, 세세한 것은 생략하고 얼마 안되어 자신에게 해설하기 위한 아웃풋으로서 써 갑니다.
HTML은 뭐야?
"언어"입니다. 「태그」라고 하는 열쇠 괄호같은 것으로 와서, 여기는 이렇게 해~라고 명령하는 것으로, 문자의 크기나 색을 바꾸거나, URL 붙여 넣고, 자신이 좋아하는 것처럼 홈페이지를 만들 수 있습니다.
인터넷 익스플로러와 같은 브라우저(인터넷을 하기 위한 소프트웨어)는 이 "언어"를 이해하여 문자와 이미지를 표시합니다.
명령하고 싶은 것은 태그로 샌드위치입니다.
"태그"는 기호로 묶인 반각 영숫자입니다. 태그에는 많은 종류가 있습니다. 이런 느낌으로 둘러싸고 있습니다 → <タグ名>
이 태그로 텍스트를 샌드위치합니다. 샌드위치하는 것은 2 개로 1 세트입니다. 도구 (텍스트)를 변경하고 싶으면 빵 (태그)을 변경합시다
이 전후의 두 개의 태그를 <開始タグ>
와 <終了タグ>
라고 합니다.
"프로그래밍 초보자"라는 텍스트를 태그로 샌드위치 해 봅시다.
(예)
<h1>プログラミングビギナー</h1>
위와 같이 종료 태그에는 '/'가 필요합니다. 여기에서 조입니다 ~ 같은 느낌입니다
제목을 붙이자.
제목이 없으면 무엇이 쓰여 있는지 전하기 어렵기 때문에, 우선은 표제를 붙이지 않는다.
표제의 요소는 h로 heading(표제)의 약자입니다.
아, 요소라고 하는 것은 태그로 둘러싼 내용도 포함한 전부를 가리킵니다.
(예)
<h1>プログラミングビギナー</h1>
<h1>
요소 외에 <h2>
<h3>
... <h6>
요소가 있습니다.
숫자가 커지면 1번 사이즈가 작은 표제가 됩니다.
단락 만들기
단락을 나타내는 것은 p 요소를 사용합니다. p는 paragraph(단락)의 약자입니다.
줄 바꿈을 원할 때 이 p 요소를 사용합니다. 왜? 보통으로 개행하면 좋다고 생각할지도 모릅니다만, HTML 문서 안에서 개행해도 개행할 수 없습니다. p로 개행해주고 지시하지 않으면 개행해 주지 않는 것입니다. p가 끝나면, 자동 개행되어, 단락의 전후는 1행 비어 있습니다.
(예)
<h6>처음 프로그래밍</h6>
<p>프로그래밍 초보자가 태그 추가</p>
<p>HTML에는 몇 가지 구조 태그가 있습니다</p>
(결과)
처음 프로그래밍
프로그래밍 초보자가 태그 추가
HTML에는 몇 가지 구조 태그가 있습니다.
요약 초보자가 대략 설명해 보았습니다.전문 용어에는 고생하지만, 친숙한 것으로 대체해서 이미지를 하는 방법이
Reference
이 문제에 관하여(HTML~태그~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/stroke/items/0781f93149d133530c9e
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
"태그"는 기호로 묶인 반각 영숫자입니다. 태그에는 많은 종류가 있습니다. 이런 느낌으로 둘러싸고 있습니다 →
<タグ名>
이 태그로 텍스트를 샌드위치합니다. 샌드위치하는 것은 2 개로 1 세트입니다. 도구 (텍스트)를 변경하고 싶으면 빵 (태그)을 변경합시다
이 전후의 두 개의 태그를
<開始タグ>
와 <終了タグ>
라고 합니다."프로그래밍 초보자"라는 텍스트를 태그로 샌드위치 해 봅시다.
(예)
<h1>プログラミングビギナー</h1>
위와 같이 종료 태그에는 '/'가 필요합니다. 여기에서 조입니다 ~ 같은 느낌입니다
제목을 붙이자.
제목이 없으면 무엇이 쓰여 있는지 전하기 어렵기 때문에, 우선은 표제를 붙이지 않는다.
표제의 요소는 h로 heading(표제)의 약자입니다.
아, 요소라고 하는 것은 태그로 둘러싼 내용도 포함한 전부를 가리킵니다.
(예)
<h1>プログラミングビギナー</h1>
<h1>
요소 외에 <h2>
<h3>
... <h6>
요소가 있습니다.
숫자가 커지면 1번 사이즈가 작은 표제가 됩니다.
단락 만들기
단락을 나타내는 것은 p 요소를 사용합니다. p는 paragraph(단락)의 약자입니다.
줄 바꿈을 원할 때 이 p 요소를 사용합니다. 왜? 보통으로 개행하면 좋다고 생각할지도 모릅니다만, HTML 문서 안에서 개행해도 개행할 수 없습니다. p로 개행해주고 지시하지 않으면 개행해 주지 않는 것입니다. p가 끝나면, 자동 개행되어, 단락의 전후는 1행 비어 있습니다.
(예)
<h6>처음 프로그래밍</h6>
<p>프로그래밍 초보자가 태그 추가</p>
<p>HTML에는 몇 가지 구조 태그가 있습니다</p>
(결과)
처음 프로그래밍
프로그래밍 초보자가 태그 추가
HTML에는 몇 가지 구조 태그가 있습니다.
요약 초보자가 대략 설명해 보았습니다.전문 용어에는 고생하지만, 친숙한 것으로 대체해서 이미지를 하는 방법이
Reference
이 문제에 관하여(HTML~태그~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/stroke/items/0781f93149d133530c9e
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<h1>プログラミングビギナー</h1>
Reference
이 문제에 관하여(HTML~태그~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/stroke/items/0781f93149d133530c9e텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)