html-day1-个人学习笔记

xiaoxiao2021-02-28  103

html-day1-个人学习笔记

 

常用的 DOCTYPE 声明(告诉浏览器按什么标准解析代码)

 

HTML5

该DTD为最新版本,对代码要求宽松,特点简洁干净。(要求会背)

 

<!DOCTYPE html>

HTML 4.01 Strict

该 DTD 包含所有 HTML 元素和属性,对代码要求严格,不允许框架集(Framesets)。(要求看得懂)

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

 

该 DTD 包含所有 HTML 元素和属性,对代码要求宽松,不允许框架集(Framesets)。(要求看得懂)

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 

HTML 4.01 Frameset

该 DTD 等同于 HTML 4.01 Transitional,但允许框架集内容。(要求看得懂)

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

关于name(元数据标记,有利于摘取到网页,搜素引擎)

 

 

<meta name="keywords" content="HTML,ASP,PHP,SQL"/>关键词 <meta name="author" content="李木庆"/>作者 <meta name="description" content="这是一个神奇的网页"/>描述

字符编码类型:utf-8,GB2312,BIG5(用utf-8,多语言集合,外国友人可以浏览,不用安装简体中文)

 

 

<meta charset="utf-8"/>

http-equiv 属性:refresh刷新,3为秒数,url不加时自动刷新。

 

 

<meta http-equiv="refresh" content="3;url=http://www.sohu.com"/>

转义字符

 

                       空格键

©                      出版社

& reg                        商标

<                               <

>                              >

 

元素

<meta    />                    关闭标签,不影响下一个标签

<br/>                              单标记,换行

<nobr>.....</nobr>       双标记,强制不换行

<span>....</span>      不换行分区

<b>...</b>                      强调

<i>.....</i>                       斜体

<u>....</u>                     下划线

<s>....</s>                      删除线

<sub>..</sub>              下标

<sup>..</sup>               上标

 

块级元素与行内元素

块级元素特点:独占一行,不能与其他任何元素并列,能接受宽高,如果不设置宽高,那么宽度将默认变为父级的100%

块级元素有div、li、dd、h、dt等容器级标签,以及p这个文本级标签

行内元素特点:与其他行内元素并排,不能设置宽高,默认的宽度就是文字的宽度。

行内元素有span、a、b、i、u等文本级标签

 

行内元素和块级元素之间的转化

display:block|inline|inline-block

block可将行内元素转化为块级元素

inline可将块级元素转化为行内元素

inline-block可将元素转化为行内块元素,既能设置宽高,又能在一行中并排几个元素

 

转载请注明原文地址: https://www.6miu.com/read-47042.html

最新回复(0)