HTML 속성에서 태그는 많이 사용됩니다. 사실 속성 태그를 사용하지 않고는 제대로된 구문을 만들 수 없을 지도 모릅니다. 그렇기에 태그를 많이 사용해보고 익숙해지기 위해 노력해야합니다. 특성 요소를 편집하고 그것이 제대로 작동할 수 있는지 없는지 검증해봐야하기 때문에 이런 기능들의 배치를 적절히 하는 것이 프로그래밍을 잘 다룬다는 척도가 될 수 있습니다.
<tag attribute="value">나의 글</tag>
시작합니다.
HTML <a> 태그는 href 주소가 정의된 링크를 만들며 따옴표 사이에 링크를 클릭하면 이동할 주소를 적어넣었습니다. href 속성이 있는 코딩문을 공개하겠습니다.
<html>
<head>
<title> 제목 </title>
</head>
<body>
<a href="www. 웹페이지 주소입니다.com">이것을 클릭하면 href </a>
</body>
</html>
어떻습니까 이것을 클릭한다면 웹페이지 주소로 이동하는 것을 확인했나요? 이것은 굳이 코딩을 하기보다는 url 링크이동의 버튼으로 작동이 되기도 합니다. 다음으로는 id 특성에 대해서 예를 들어보겠습니다. HTML id는 각 문단에 고유의 ID를 부여합니다.
<html>
<head>
<title> 제목 </title>
<style>
#text { font-family: sans-serif;
font-size: 30px;
line-weight: 15px;
color: #123456;
}
</style>
</head>
<body>
<h3>id 부여 시작</h3>
<div id="text">id를 부여했습니다.</div>
</body>
</html>
앞서 id와 a태그 href 주소 이동까지 학습을 해봤는데 이것의 이해는 언제나 실천으로서 익혀야합니다. 단순히 암기하고 써보는 것으로는 html 언어를 적재적소에 배치할 수 없기 때문입니다.
<datalist> 태그를 </datalist> 사이에 기록한 것은 데이터목록 태그를 직접 시작해보겠습니다.
<html>
<head>
<title>제목</title>
</head>
<body>
<div>데이터 목록 선택의 예</div>
<input list="데이터"/>
<datalist id="데이터1">
<option value="2">
<option value="3">
<option value="4">
<option value="5">
</datalist>
</body>
</html>
마지막으로 세부사항을 알아보겠습니다. syntax error와 관련된 것은 공개 위젯을 만들고 추가 세부 정보를 표시하는 것인데요 이 요소는 중요한 한가지로 특히 <details>태그를 사용하여 내용을 표시합니다. 이것은 요약 또는 디테일이라고 명명되며 태그를 닫는 것은 </details>라고 할 수 있습니다. 그렇다면 실제적으로 작성해보고 실행해보십시오.
이 세부정보 details의 태그를 지정하는 것은 글꼴 스타일 속성, 크기, 굵게, 소문자 대문자 텍스트 장식 등 다양한 방식으로 CSS에서 응용할 수 있씁니다. 특히 텍스트 색칠과 레이아웃 스타일을 정하는 것은 많은 경쟁자들 속에서 빛나게 하는 법이지요.
'뉴스' 카테고리의 다른 글
| C언어의 정의 및 C++? / Ruby 대체 문자열은? (0) | 2022.11.29 |
|---|---|
| 루비(Ruby)의 흔한 오류, 배열 결합 방식 등 (0) | 2022.11.28 |
| 리눅스와 루비 상관관계, 와일드카드 추가 (0) | 2022.11.28 |
| 독립적이고 사회주의적인 혁명 조직 퀘벡 전선 (0) | 2022.11.25 |
| 데일리 코딩, 오늘의 코딩은 html (0) | 2022.11.24 |
