Html 学习笔记_html/css_WEB-ITnose-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

Html 学习笔记_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:34 PM

1.css样式与html样式：

.html样式只影响应用它的文本和使用所选Html样式创建的文本

로그인 후 복사

2.设置页面关键字:  <meta  > 元信息标记

로그인 후 복사

用法：<meta name="keyname" content="具体的关键字"> 例：<meta name="keyname" content="网址导航,win8风格导航">

로그인 후 복사

3.设置页面描述：

로그인 후 복사

 为了方便搜索引擎查找设置。

로그인 후 복사

<meta name="description" content="对页面的秒速"> 例：<meta name="description" content="联网去吧网址导航是一个win8风格的导航网站">

로그인 후 복사

4.设置作者信息

로그인 후 복사

<meta name="author" content="GodIsMe">

로그인 후 복사

5.设置搜索引擎对页面的搜索方式

로그인 후 복사

<meta name="robots" content="搜索方式">

로그인 후 복사

搜索方式具体为以下几种： All   表示能搜索当前网页及其链接的网页  Index  表示能搜索当前网页  Nofollow 表示不能搜索当前网页链接的网页

로그인 후 복사

Noindex  表示不能搜索当前网页     None   不能搜索当前网页及其链接的网页

로그인 후 복사

6.设置网页的定时跳转

로그인 후 복사

 在浏览网页时会看到一些页面间隔几秒就会跳转到主页面中去 设置这种跳转的方法

로그인 후 복사

<meta  http-equiv="refresh"  content="跳转时间;url=链接地址">    例:<meta http-equiv="refresh" content="3;url=http://www.lwq8.com"

로그인 후 복사

7.禁止从缓存中调用（即每次刷新都重新请求）

로그인 후 복사

<meta http-equiv="cache-control" content="no-cache">

로그인 후 복사

<meta http-equiv="pragma" content="no-cache">

로그인 후 복사

8.强制打开新窗口

로그인 후 복사

为了防止自己的网页被别人当作iframe页面使用 可以使用以下语句：

로그인 후 복사

<meta http-equiv="windows-target" content="_top"

로그인 후 복사

9.设置网页过渡效果：

로그인 후 복사

设置进入网页或退出网页的效果

로그인 후 복사

<meta http-equiv="过渡事件" content="revealtrans(duration=过渡效果持续时间,transition=过渡方式)"〉 进入网页过渡事件为：page-enter  退出:page-exist

로그인 후 복사

例：<meta http-equiv="page-enter" content="revealtrans(duration=9,tansition=5)">

로그인 후 복사

 效果 ： 0  盒状收缩  1 盒状放射  2 圆形收缩 3 圆形放射  4 由下往上 5由上往下 6从左至右 7从右至左 8垂直百叶窗  9水平百叶窗 23随机效果  12 随机溶解

로그인 후 복사

10.设置图片固定不随滚动条而滚动

로그인 후 복사

<body  bgproperties="fixed">

로그인 후 복사

11.上标和下标

로그인 후 복사

<sub></sub>下标  <sup></sup>上标  例子：2的2次方为      2<sup>2</sup>

로그인 후 복사

12.设置删除线

로그인 후 복사

商城的价格原价的中划线 <strike>文字</strike>

로그인 후 복사

13.网页特殊符号：

로그인 후 복사

  引号 “  "    左尖括号 <  <  右尖括号 >   乘号 * &times; 小节符号 &sect;   注册符号 &reg （R） 商标符号 &trade; tm

로그인 후 복사

14：忽略html标记

로그인 후 복사

 是html标记失去作用 <plaintext> 或者<xmp> 推荐<xmp>

로그인 후 복사

15：有序列表显示的type

로그인 후 복사

<ol  type="序号类型">   序号类型：1 数字1、2、3、 4   a  小写英文字母 a、b 、c   A 大写英文字母 A  B  C  i 小写罗马数字 i  ii  iii  iv   I 大写罗马数字I  II  III  IV

로그인 후 복사

16：定义列表标记

로그인 후 복사

    <dl>

로그인 후 복사

        <dt>标题</dt>  <dd>标题的解释 详细内容</dd>

로그인 후 복사

   </dl>

로그인 후 복사

17：书签链接 及锚记

로그인 후 복사

  设置一个点击的链接 <a href="#name">点击这里挑战到指定位置</a>  <a name="name">这里就是跳转后的位置</a>

로그인 후 복사

以上是同个页面的跳转，现在是不同页面的书签跳转

로그인 후 복사

<a  href="链接地址#name">点我跳转</a>   <a name="name">就是这里啦</a>

로그인 후 복사

18 ：<img   alt="Html 学习笔记_html/css_WEB-ITnose" >中的图像水平距离的属性 hspace="20" 水平距离一致为20px   垂直距离vspace

로그인 후 복사

19： 表格中行文字的垂直距离 valign="top"  middle bottom  及上、中、下

로그인 후 복사

20：表格的表头标记 <thead></thead>   表主体标记 <tbody></tbody>  表尾标记<tfoot></tfoot>

로그인 후 복사

21:div 的css 样式

로그인 후 복사

   direction:ltr 或者rtl  文字的现实方向  ltr 从左至右  rtl 从至右

로그인 후 복사

22:表单的提交  form表单的编码方式：

로그인 후 복사

 enctype=""  text/plain  以纯文本的形式传送  application/x-www-form-urlencoded 默认的编码形式  multipart/form-data MIME编码，上传文件的表单必须选择

로그인 후 복사

23：设置网页背景音乐标签:<bgsound src="" loop=3/> loop 为循环次数

로그인 후 복사

24： Html5中新增标签

로그인 후 복사

<section></section> 定义文档或应用程序中的一个区段

로그인 후 복사

<article></article>  表示文档中的一块独立的内容。

로그인 후 복사

<header></header> 表示页面中一个内容区块或整个页面的标题

로그인 후 복사

<nav></nav> 表示导航链接的部分

로그인 후 복사

<footer></footer> 表示整个页面或页面中一个内容区块的脚注。

로그인 후 복사

<mark></mark>高亮显示标记的信息 长用户网页搜索结果

로그인 후 복사

<detail><summary>点我</summary>没点击时时看不见这里的</detail>

로그인 후 복사

<input > type="" 中添加新的类型  number: 类型用于应该包含数值的输入域

로그인 후 복사

본 웹사이트의 성명

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

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7476

Cakephp 튜토리얼

1377

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

& lt; Progress & Gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:34 PM

이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우

& lt; datalist & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:33 PM

이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159

HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까? Mar 17, 2025 pm 12:20 PM

기사는 HTML5 크로스 브라우저 호환성을 보장하기위한 모범 사례에 대해 논의하고 기능 감지, 점진적 향상 및 테스트 방법에 중점을 둡니다.

& lt; meter & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:35 PM

이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex

html5 & lt; time & gt; 의미 적으로 날짜와 시간을 나타내는 요소? Mar 12, 2025 pm 04:05 PM

이 기사는 html5 & lt; time & gt; 시맨틱 날짜/시간 표현 요소. 인간이 읽을 수있는 텍스트와 함께 기계 가독성 (ISO 8601 형식)에 대한 DateTime 속성의 중요성을 강조하여 Accessibilit를 향상시킵니다.

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까? Mar 17, 2025 pm 12:27 PM

이 기사에서는 브라우저에서 직접 사용자 입력을 검증하기 위해 필요한, Pattern, Min, Max 및 Length 한계와 같은 HTML5 양식 검증 속성을 사용하는 것에 대해 설명합니다.

뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까? Mar 20, 2025 pm 05:56 PM

이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까? Mar 20, 2025 pm 06:05 PM

이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.

See all articles

Html 学习笔记_html/css_WEB-ITnose

핫 AI 도구

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

인기 기사

뜨거운 도구

메모장++7.3.1

SublimeText3 중국어 버전

스튜디오 13.0.1 보내기

드림위버 CS6

SublimeText3 Mac 버전

뜨거운 주제