>웹 프론트엔드 >HTML 튜토리얼 >html 텍스트 줄바꿈 예시(html 이미지와 텍스트 혼합)_HTML/Xhtml_웹페이지 제작

html 텍스트 줄바꿈 예시(html 이미지와 텍스트 혼합)_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:38:202108검색

1. 이미지 주변의 텍스트

예를 들어 일반적인 것을 사용하는 경우:

코드 복사
코드는 다음과 같습니다.





이건 평범합니다. 국내 VB 웹사이트 중 vbgood은 매일 업데이트되며 풍부한 정보를 보유하고 있어 프로그램 마니아들 사이에서 매우 인기가 높습니다.

이러한 문장에서 이미지가 텍스트보다 크면 텍스트 위에 공백이 생깁니다. 페이지의 효과가 매우 좋지 않습니다. 어떻게 해결하나요? 이 코드를 보세요:

코드 복사
코드는 다음과 같습니다.





이것은 둘러싸는 배열입니다. 국내 VB 웹사이트 중 vbgood은 매일 업데이트되며 풍부한 정보를 보유하고 있어 프로그램 마니아들 사이에서 매우 인기가 높습니다.


문제를 해결하려면 img 요소에 이 속성을 추가하세요. align="center", 문제 는 해결될 수 있습니다. 간단하게 유지하세요! hspace의 경우 그림과 주변 요소의 너비를 정의합니다. 우회 여부는 중요하지 않습니다.

이 작업은 어떻게 이루어졌나요? 먼저 이 코드를 살펴보세요.

코드 복사
코드는 다음과 같습니다.




< ;font color=red size ="5">국내 VB 웹사이트 중
에는 vbgood이 매일 업데이트되며 풍부한 정보를 담고 있습니다. 프로그램 매니아들에게 큰 사랑을 받고 있습니다. (끝)


어떻게 이런 효과를 얻을 수 있을까요?

코드 복사
코드는 다음과 같습니다.




In
국내 VB사이트 중 vbgood은 매일 업데이트되며 풍부한 정보를 보유하고 있어 프로그램 마니아들에게 큰 사랑을 받고 있습니다. . (끝)


이 코드는 똑똑하다면 한눈에 알 수 있습니다. in. 이 표에 단어를 넣으면 됩니다.

그런데 이제 텍스트에 배경색을 지정하려면 어떻게 해야 하나요? 하, 정말 똑똑하시네요. 다음과 같이 테이블에 bgcolor 속성을 추가하세요.

코드 복사
코드



국내 VB사이트에서는 vbgood이 매일 업데이트 되고 있고, 정보량이 풍부하고, 프로그램 매니아들 사이에서 매우 인기가 높습니다. (끝)


그런데 나올 수 있을까요? 아니요, 다음과 같이 뭔가를 추가해야 합니다(다음번에는 너무 빨리 대답하지 마세요 :).

코드 복사
코드는 다음과 같습니다:



< ;테이블 정렬 =왼쪽 셀 간격=0 cellpadding=0 bgcolor=#C0C0C0>at
국내 VB 웹사이트 중 vbgood은 매일 업데이트되며 풍부한 정보를 보유하고 있어 프로그램 매니아들 사이에서 매우 인기가 높습니다. (끝)

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.