HTML- 태그, 속성 -

개시하다

오늘 프로그래밍 학교에서 HTML을 배웠기 때문에 복습하는 동시에 기록하고 싶습니다!
물론 파이톤도 함께 공부할 것이다.
참고로 HTML은 VScode를 통해 작동합니다.
아주 좋아요. 앞으로 프로그램 쓸 때 많이 보살펴 주실 거예요.
(꼬리표의 끝이나 후보자 제시가 큰 도움이 됐어요.)

HTML

웹 페이지 내용을 쓰기 위해 만든 언어.
웹 페이지는 다양한 유형의 HTML 태그로 구성됩니다.
평소 보던 웹페이지는 뒷면에서 HTML로 작성됐다는 것이다.
비록 나는 항상 무심코 훑어보았지만, 나는 앞으로 웹 페이지를 보는 착안점이 다소 바뀔 것이라고 생각한다.

HTML에 대한 기술

표식

태그 이름은 <태그 이름>입니다.
첫 번째 라벨은 시작 라벨, 그 다음 라벨은 끝 라벨이라고 부른다.
실제로 h1 라벨(제목 제작에 필요한 라벨)을 사용해 보세요.

<h1>タグの説明</h1>

이 경우 h1 라벨로 둘러싸인 물건을 제목으로 표시합니다!
또한 시작 태그와 끝 태그의 쌍을 요소라고 합니다.
그 밖에 요소에 요소를 포함할 수도 있다. 이런 상황에서 그 중의 요소를 자요소라고 하고 외부의 요소를 모요소라고 한다.
하위 요소를 포함할 수 없는 요소를 빈 요소라고 합니다.

등록 정보

각 요소에 부가된 부가 정보를 속성이라고 한다.
속성은 속성 이름 = 속성 값으로 작성된 시작 탭에 기술되어야 합니다.
이 경우 속성과 큰따옴표로 둘러싸인 속성 값은 쌍입니다!
표시된 곳에서도 배웠는데 HTML에서 이 짝에 대한 생각이 중요한 것 같아요.
실제로 h1 라벨에class 속성(요소에 클래스 이름을 지정하는 속성), 라벨(그림 게재에 필요한 태그), src 속성(그림 등 장소를 지정하는 속성)을 붙여서 쓴다.

<h1 class="page-title">タイトル</h1>
<img src="sample.png">

속성 값에 더블 따옴표를 넣는 것을 잊지 마세요!
또한 요소에 대해 여러 속성을 추가할 수 있다.

<img class="page-image" src="sample.png">

그러나 같은 속성은 한 요소에 대해 하나밖에 없다는 점도 주의해야 한다.

덤

mac의 경우 "command ⇔8984;+S"로 상태를 저장할 수 있기 때문에 VS코드로 코드를 잠시 저장할 때 매우 편리합니다!
오늘은 시간이 별로 없고 배운 것도 잘 나오지 않아서 유감입니다. 시간이 있을 때 열심히 공부하겠습니다.
그럼!