본문 바로가기

뉴스

HTML 속성과 태그에 대한 여러가지 정보 " "

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에서 응용할 수 있씁니다. 특히 텍스트 색칠과 레이아웃 스타일을 정하는 것은 많은 경쟁자들 속에서 빛나게 하는 법이지요.