«html» 태그된 질문

HTML (HyperText Markup Language)은 웹 페이지 및 웹 브라우저에 표시 할 기타 정보를 작성하기위한 기본 마크 업 언어입니다. HTML에 관한 질문에는 최소한의 재현 가능한 예제와 달성하려는 것에 대한 아이디어가 포함되어야합니다. 이 태그는 거의 사용되지 않으며 종종 [CSS] 및 [javascript]와 쌍을 이룹니다.

4
절대 위치 + 스크롤링
다음 HTML과 함께CSS .container { position: relative; border: solid 1px red; height: 256px; width: 256px; overflow: auto; } .full-height { position: absolute; top: 0; left: 0; right: 128px; bottom: 0; background: blue; } <div class="container"> <div class="full-height"> </div> </div> 코드 조각 실행결과 숨기기스 니펫 확장 내부 div는 원하는대로 컨테이너의 전체 …
102 html  css 



5
src와 data-src 속성의 차이점은 무엇입니까?
data-src또는 태그의 src속성을 사용하는 것의 차이점과 결과 (좋은 것과 나쁜 것 모두)는 img무엇입니까? 둘 다 사용하여 동일한 결과를 얻을 수 있습니까? 그렇다면 언제 각각을 사용해야합니까?
102 html  image 

3
innerHTML은 비동기식입니까?
나는 나 자신을 바보로 만들지 않기를 바라지 만,이 두 줄의 코드에서 무슨 일이 일어나고 있는지 이해하려고 노력하고 있습니다. document.body.innerHTML = 'something'; alert('something else'); 내가 관찰하는 것은 HTML이 업데이트되기 전에 경고가 표시된다는 것입니다 (또는 HTML이 업데이트되었지만 페이지가 새로 고쳐 지거나 다시 그려지지 않았거나 무엇이든) 내가 의미하는 바를 보려면 이 코드 펜 …

3
업로드하기 전에 HTML5를 사용하여 이미지 크기 조정
이 질문에 답하는 stackoverflow에 대한 몇 가지 다른 게시물과 질문을 발견했습니다. 기본적 으로이 게시물 과 동일한 것을 구현하고 있습니다. 그래서 여기에 내 문제가 있습니다. 사진을 업로드 할 때 나머지 양식도 제출해야합니다. 내 HTML은 다음과 같습니다. <form id="uploadImageForm" enctype="multipart/form-data"> <input name="imagefile[]" type="file" id="takePictureField" accept="image/*" onchange="uploadPhotos(\'#{imageUploadUrl}\')" /> <input id="name" value="#{name}" /> ... …
102 javascript  html  canvas 

22
인쇄 페이지에서 URL을 제거하는 방법은 무엇입니까?
페이지 하단에 인쇄되는 URL을 삭제하고 싶습니다. 처럼: yomari.com/.../main.php?sen_n 어떻게 생략하거나 인쇄를 방지 할 수 있습니까? 더 구체적으로 말하면 웹 페이지를 인쇄하는 동안 페이지 URL, 날짜 및 페이지 제목이 함께 인쇄되는 것을 방지 할 수있는 방법이 있습니까?
102 html  printing  footer 

14
외부 CSS로 SVG 스타일을 지정하는 방법은 무엇입니까?
각 SVG 파일 내에서 직접적으로가 아니라 외부 스타일 시트를 통해 색상을 수정하고 싶은 여러 SVG 그래픽이 있습니다. 그래픽을 인라인으로 넣지 않고 내 이미지 폴더에 저장하고 가리키고 있습니다. 툴팁이 작동 할 수 있도록 이러한 방식으로 구현 <a>했으며 링크를 허용하기 위해 각각을 태그로 래핑했습니다 . <a href='http://youtube.com/...' target='_blank'><img class='socIcon' src='images/socYouTube.svg' title='View my …
102 html  css  svg  stylesheet  external 

3
Flexbox 레이아웃이 100 % 수직 공간을 차지하게하려면 어떻게해야합니까?
Flexbox 레이아웃 행이 브라우저 창에서 나머지 세로 공간을 사용하도록하려면 어떻게해야합니까? 3 행 플렉스 박스 레이아웃이 있습니다. 처음 두 행은 높이가 고정되어 있지만 세 번째 행은 동적이며 브라우저의 전체 높이로 확장하고 싶습니다. 행 3에 열 세트를 생성하는 또 다른 flexbox가 있습니다. 이 열 내에서 요소를 적절하게 조정하려면 브라우저의 전체 높이를 이해해야합니다. …
102 html  css  flexbox 

11
HTML 표 셀을 편집 가능하게 만드는 방법은 무엇입니까?
html 테이블의 일부 셀을 편집 가능하게 만들고 싶습니다. 셀을 두 번 클릭하고 텍스트를 입력하면 변경 사항이 서버로 전송 될 수 있습니다. dojo 데이터 그리드와 같은 툴킷을 사용하고 싶지 않습니다. 다른 기능을 제공하기 때문입니다. 구현 방법에 대한 코드 스 니펫이나 조언을 제공해 주시겠습니까?
102 html  editor  html-table  cell 


9
같은 줄에서 텍스트를 왼쪽에 정렬하고 오른쪽에 텍스트를 정렬하려면 어떻게해야합니까?
텍스트 중 일부는 왼쪽에 정렬되고 일부는 오른쪽에 정렬되도록 텍스트를 정렬하려면 어떻게해야합니까? <p>This text should be left-aligned. This text should be right aligned.</p> 직접 인라인으로 또는 스타일 시트를 사용하여 모든 텍스트를 왼쪽 (또는 오른쪽)으로 정렬 할 수 있습니다. <p style='text-align: left'>This text should be left-aligned. This text should be right aligned.</p> …
102 html  css 

6
getElementsByClassName을 올바르게 반복하는 방법
저는 자바 스크립트 초보자입니다. 을 통해 웹 페이지를 초기화 window.onload하고 있으며 클래스 이름 ( slide)으로 여러 요소를 찾아서 일부 논리에 따라 다른 노드에 재배포해야합니다. Distribute(element)요소를 입력으로 사용하고 배포를 수행하는 기능 이 있습니다. (예를 들어 여기 또는 여기에 설명 된대로) 다음과 같이하고 싶습니다 . var slides = getElementsByClassName("slide"); for(var i = …
102 javascript  html  dom 


5
jQuery에서 입력 파일이 비어 있는지 확인하는 방법
JS를 처음 접했습니다. jQuery / JavaScript로 양식을 제출할 때 파일 입력 요소가 비어 있는지 확인하려고합니다. 나는 많은 해결책을 겪었고 아무것도 나를 위해 일하지 않습니다. 나는 /c/fakepath(다른 옵션이없는 한) <input type="file" name="videoFile" id="videoUploadFile" /> 작동하지 않습니다. var vidFile = $("#videoUploadFile").value; 파일 이름을 얻을 수있는 유일한 방법은 다음을 사용하는 것입니다. var vidFile …
102 javascript  jquery  html 

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.