개발자 발전기록

태그는 텍스트의 방향을 결정할때 사용된다. 속성명속성값설명dirltrrtl필수 속성으로 반드시 명시해야 함. 태그 내에 위치한 텍스트의 방향성을 명시함.    bdo 태그 기본값bdo { unicode-bidi: bidi-override;}

W3School Practice 2024. 10. 1. 18:09

태그는 추가적인 중요성 없이 텍스트를 굵게 표시합니다. 팁 태그는 다른 태그가 더 적합하지 않을 때 최후의 수단으로 사용해야 합니다. 명세서에서는 제목을 에서 태그로, 강조된 텍스트를 태그로, 중요한 텍스트를 태그로, 표시되거나 강조된 텍스트를 태그로 나타낼 것을 권장합니다. CSS를 사용하여 텍스트를 굵게 표시하려면 "font-weight: bold;"를 사용할 수 있습니다.b { font-weight: bold;}

W3School Practice 2024. 10. 1. 17:42

태그는 이미지 맵 내의 영역을 정의합니다. (이미지 맵은 클릭 가능한 영역이 있는 이미지입니다). 요소는 항상 태그 안에 중첩되어 있습니다.참고: 의 usemap 속성은  요소의 name 속성과 연결되어 이미지와 맵 간의 관계를 생성합니다.  area로 이미지의 영역을 설정해서 클릭시 각각 다른 페이지로 이동하도록 설정

W3School Practice 2024. 9. 30. 20:05

태그는 한 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼링크를 정의합니다. 요소의 가장 중요한 속성은 링크의 대상을 나타내는 href 속성입니다.기본적으로 링크는 모든 브라우저에서 다음과 같이 표시됩니다.  방문하지 않은 링크는 밑줄이 그어져 파란색으로 표시됩니다.방문한 링크는 밑줄이 그어져 보라색으로 표시됩니다.활성 링크는 밑줄이 그어져 빨간색으로 표시됩니다.팁 태그에 href 속성이 없으면 하이퍼링크에 대한 자리 표시자일 뿐입니다.링크된 페이지는 별도의 대상(target)을 지정하지 않는 한, 일반적으로 현재 브라우저 창에 표시됩니다. CSS를 사용하여 링크 스타일 지정 : CSS 링크 및 CSS 버튼.    img 태그를 a태그로 감싸서 이미지 클릭시 페이지 이동되게 설정 target 속성을..

W3School Practice 2024. 9. 30. 19:12

정의 및 특징DOCTYPE 선언은 HTML 문서에서 태그를 정의하기 전에 가장 먼저 선언되어야만 합니다.선언은 HTML 태그가 아니지만, 선언된 페이지의 HTML 버전이 무엇인지를 웹 브라우저에 알려주는 역할을 하는 선언문이다.HTML 5에서는 선언이 간단합니다.  선언은 대소문자를 구분하지 않습니다. 모두 사용 가능!!

W3School Practice 2024. 9. 30. 18:25

정의 및 사용법주석 태그는 소스 코드에 주석을 삽입하는 데 사용됩니다. 주석은 브라우저에 표시되지 않습니다.주석을 사용하여 코드를 설명할 수 있으며 이는 나중에 소스 코드를 편집할 때 도움이 될 수 있습니다. 이는 코드가 많은 경우 특히 유용합니다.   팁주석 태그를 사용하여 스크립트 지원 없이 브라우저에서 스크립트를 "hide" 할 수 있습니다 (따라서 일반 텍스트로 표시되지 않습니다). 참고 주석 줄 끝에 있는 두 개의 슬래시(//)는 JavaScript 주석 기호입니다. 이렇게 하면 JavaScript가 --> 태그를 실행하지 못하게 됩니다.

W3School Practice 2024. 9. 30. 18:09

요소는 HTML 페이지의 비트맵 영역을 정의하고, Canvas API를 사용하면 JavaScript가 캔버스에 그래픽을 그릴 수 있고, Canvas API는 색상, 회전, 투명도 및 기타 픽셀 조작을 사용하여 모양, 선, 곡선, 상자, 텍스트 및 이미지를 그릴 수 있다고 합니다. 캔버스 직접 그려보기   HTML DOM 메소드 getElementById()를 사용하여 요소에 접근할 수 있습니다. id가 myCanvas인 요소를 가져옴캔버스에 무언가를 그리려면 2D 컨텍스트 객체를 생성해야 합니다.const myCanvas = document.getElementById("myCanvas");const ctx = myCanvas.getContext("2d"); NoteHTML 요소 자체에는 그리기 기능이..

W3School Practice 2024. 9. 30. 17:40

https://www.w3schools.com/html/default.asp W3Schools.comW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.www.w3schools.com

W3School Practice 2024. 9. 27. 17:48