«html» 태그된 질문

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

7
개체 URL에서 파일 또는 Blob을 가져 오는 방법은 무엇입니까?
사용자가 끌어서 놓기 및 기타 방법을 통해 페이지에 이미지를로드 할 수 있습니다. 이미지가 드롭되면 이미지 URL.createObjectURL를 표시하기 위해 객체 URL로 변환하는 데 사용 합니다. 나는 그것을 재사용하기 때문에 URL을 취소하지 않습니다. 그것은 만들 수있는 시간이 온다 때, FormData나는 그들이 거기에 그 이미지 중 하나를 사용하여 양식을 업로드 할 수 있도록 …

10
부모 패딩 무시
부모 패딩을 무시하도록 수평 규칙을 얻으려고합니다. 다음은 내가 가지고있는 간단한 예입니다. #parent { padding:10px; width:100px; } hr { width:100px; } 수평선이 부모에서 10px만큼 확장된다는 것을 알 수 있습니다. 나는 부모 div의 다른 모든 것이 필요한 패딩을 무시하도록 노력하고 있습니다. 다른 모든 것에 대해 별도의 div를 만들 수 있다는 것을 알고 …
127 html  css 

16
DOM 요소 내부의 텍스트 줄을 어떻게 세나요? 할 수 있습니까?
예를 들어 div 내부에 줄을 세는 방법이 있는지 궁금합니다. 다음과 같은 div가 있다고 가정합니다. <div id="content">hello how are you?</div> 여러 요소에 따라 div에는 1, 2, 4 줄의 텍스트가 포함될 수 있습니다. 스크립트가 알 수있는 방법이 있습니까? 즉, 자동 중단이 DOM에 전혀 표시되지 않습니까?
127 javascript  html  dom 

4
Python 요청을 사용하여 브라우저 방문을 가짜로 만드는 방법은 무엇입니까?
아래 웹 사이트에서 콘텐츠를 얻고 싶습니다. Firefox 또는 Chrome과 같은 브라우저를 사용하면 원하는 실제 웹 사이트 페이지를 얻을 수 있지만 Python 요청 패키지 (또는 wget명령)를 사용하여 가져 오면 완전히 다른 HTML 페이지가 반환됩니다. 나는 웹 사이트 개발자가 이것을 위해 몇 가지 블록을 만들었다 고 생각했기 때문에 질문은 다음과 같습니다. 파이썬 …


8
여백 상단 푸시 외부 div
래퍼 div의 첫 번째 요소로 헤더 div가 있지만 헤더 div 내부의 h1에 위쪽 여백을 추가하면 전체 헤더 div가 아래로 푸시됩니다. 페이지의 첫 번째 보이는 요소에 위쪽 여백을 적용 할 때마다이 문제가 발생한다는 것을 알고 있습니다. 다음은 샘플 코드 스 니펫입니다. 감사! div#header{ width: 100%; background-color: #eee; position: relative; } div#header …
126 html  css  xhtml 

3
IE에서 선택 화살표 제거
요소를 선택하고 화살표를 제거한 다음 다른 아이콘을 추가 할 수 있습니다. Firefox Safari 및 Chrome 에서이 작업을 수행 할 수 있지만 IE9 에서는 작동하지 않습니다 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') …
126 html  css  html-select 

9
이미지 아래에 캡션을 쓰는 방법은 무엇입니까?
인라인으로 유지해야하는 두 개의 이미지가 있습니다. 각 이미지 아래에 캡션을 쓰고 싶습니다. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> 어떻게 구현할 수 있습니까?
126 css  html 

5
HTML / css로 Chrome / Safari 맞춤법 검사 끄기
방법이있다 웹 개발자를위한 특정에 크롬 / 사파리 / 웹킷의 맞춤법 검사를 해제 input하거나textarea 요소 있습니까? 특별한 태그 속성이나 독점적 인 CSS 명령을 의미합니다. inputs의 개요를 끄는 CSS 지침 이 있으므로 그것도 존재할 수 있다고 생각했습니다. 사용자가 할 수있는 방법을 알고 있습니다. 또는 사용자로서 특정 도메인에 대해 비활성화 할 수 있습니까?

5
페이지가 위아래로 스크롤 되더라도 화면 중앙에 'div'를 배치 하시겠습니까?
내 페이지에 클릭하면 div내 화면 중앙에 (팝업 스타일)이 표시되는 버튼이 있습니다. 다음 CSS를 사용 div하여 화면 중앙을 중앙에 배치합니다. .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } 이 CSS는 페이지가 아래로 스크롤되지 않는 …
126 html  css  scroll  position  centering 

5
<canvas> 크기 조정시 보간 비활성화
참고 :이 방법과 관련이있다 최대 크기를 조절할 때 기존의 캔버스 요소를 렌더링 , 하지 선이나 그래픽 렌더링 방법을 함께 할 캔버스 표면에 . 즉, 이것은 크기 가 조정 된 요소의 보간 과 관련이있으며 캔버스에 그려지는 그래픽의 앤티 앨리어싱 과는 아무 관련이 없습니다. 나는 브라우저가 어떻게 선을 그리는지 신경 쓰지 않는다. …
126 javascript  html  canvas 

13
고정 위치 div 중앙 정렬
position:fixed내 페이지에 가운데 정렬 된 div를 얻으려고 합니다. 저는 항상이 "해킹"을 사용하여 절대 위치 div로 할 수있었습니다. left: 50%; width: 400px; margin-left:-200px ... 여백-왼쪽 값은 div 너비의 절반입니다. 이것은 고정 위치 div에서는 작동하지 않는 것 같습니다. 대신 가장 왼쪽 모서리가 50 %에 배치되고 margin-left 선언을 무시합니다. 고정 위치 요소를 중앙에 …

30
부트 스트랩 툴팁 색상 변경
내가하려는 것은 툴팁 색상을 빨간색으로 변경하는 것 입니다. 그러나 다른 색상도 여러 개 갖고 싶기 때문에 단순히 원래 도구 설명의 색상을 바꾸고 싶지는 않습니다. 어떻게하면 되나요?

8
HTML : 파일 업로드를 이미지로 제한하는 방법은 무엇입니까?
HTML을 사용하여 업로드 할 수있는 파일 유형을 어떻게 제한합니까? 사용자 경험을 쉽게하기 위해 파일 업로드를 이미지 (jpeg, gif, png)로 제한하고 싶습니다. &lt;form method="post" action="..." enctype="multipart/form-data"&gt; &lt;label for="image"&gt;Photo&lt;/label&gt; &lt;input name="image" type="file" /&gt; &lt;/form&gt;

5
CSS 그리드 래핑
미디어 쿼리를 사용하지 않고 CSS 그리드 랩을 만들 수 있습니까? 제 경우에는 그리드에 배치하려는 비 결정적 항목 수가 있고 해당 그리드가 래핑되기를 원합니다. Flexbox를 사용하면 안정적으로 공간을 제대로 배치 할 수 없습니다. 많은 미디어 쿼리도 피하고 싶습니다. 다음은 몇 가지 샘플 코드입니다 . .grid { display: grid; grid-gap: 10px; grid-auto-flow: …
126 html  css  css-grid 

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