1 doctype html> 2 html> 3 4 常见问题答疑 5 Question 1：HTML标签可以大写吗？ 6 大小写都可以，比如和
都一样，但是推荐小写，XHTML强制小写（小写肯定对，大写……看情况）
7 Question 2：有、 8 没有。、 ……吗？ 最大，
9 Question 3：所有HTML标签都需要>吗？ 10 不是。有特例，比如最小.
是自闭合的，没有;
是空元素，需要在开始标签闭合
;
不需要闭合，等等。 11 Question 4：标签里的属性有先后顺序吗？ 12 没有。比如 和
效果是一样的。 13 --> 14 head> 15 16 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。 17 !元数据也不显示在页面上，但会被浏览器解析。 18 --> 19 meta charset="utf-8"> 20
标签定义HTML文档的标题 --> 21 title>HTML复习 2019-2-3title> 22 23定义了所有链接的URL（地址） URL->Uniform Resource Locator（全球资源定位器） 24 所有链接都指向www.baidu.com 25 --> 26 27 标签定义文档和外部资源的关系，链接到另一个文件，把另一个文件的东西拿过来用 28 通常引用 css文件 和 js文件 29 调用样式的优先级：外部文件 30 --> 31 link rel="stylesheet" type="text/css" href="filename.css"> 32 link rel="stylesheet" type="text/javascript" href="filename.js"> 33 34 35 1.直接定义标签样式 标签名{ 属性1:值; 属性2:值; } 36 2.定义具有某一ID的标签样式 #id名{ 属性1:值; 属性2:值; } 37 3.定义某一类（class）的标签样式 .类名{ 属性1:值; 属性2:值; } 38 #多个元素用 , 隔开 39 --> 40 style> 41 td,p{ 42 text-align:center; 43 } 44 #top{ 45 font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; 46 } 47 .show{ 48 background-color: aqua; 49 } 50 style> 51 --> 52 script> 53 alert("lycute!"); //弹出一个消息框 54 script> 55 head> 56 body> 57 58 常用HTML属性： 59 class 定义一个或多个类名(classname)；相当于把不同的标签分到一个组，属于同一类 60 id 定义元素的唯一id；id是唯一的，不能两个标签用一个，相当于学号，不能重复 61 style 定义元素的行内样式(inline style)；只能修改该标签的样式（大小、颜色、位置等） 62 --> 63 ~
--> 64 h1 id="top">This is a title level 1h1> 65 h2 class="show">This is a title level 2h2> 66 h3 class="show">This is a title level 3h3> 67 h4 class="show">This is a title level 4h4> 68 h5>This is a title level 5h5> 69 h6>This is a title level 6h6> 70 71标签定义了六个等级的标题 h->head/headline(标题)
标签定义段落 p->paragragh（段落）
72 HTML文档中不能直接敲回车，需要使用
标签 br->break(打断？……可能是这个吧) 73 HTML文档中不能直接打空格，需要使用 nbsp->Non-breaking Space(不间断空格) 74 ！！上两条在标签内不受影响75
标签用于创建水平线,用于分隔内容 hr->horizontal line(水平线) 76 和都可以加粗文字 77 和都可以定义斜体文字 78 通常使用和，因为它们有强调的含义 79 --> 80 p> 81 This is a paragragh.br/> 82 And this is the second line. 83 p> 84 hr> 85 p> 86 This is another paragraghbr/> 87 常用文本格式化属性： 88 定义粗体文本 b->bold(粗体) 89 定义着重文字 em->emphasize(强调) 90 定义斜体字 i->italic(斜体) 91 定义小号字 92 定义加重语气 93 定义下标字 sub->subscript(下标) 94 定义上标字 sup->superscript(上标) 95 定义插入字 ins->insert(插入) 96定义删除字 del->delete(删除)97 --> 98 strong>I am boldstrong>br/> 99 em>I am italicem>br/> 100 small>I am smallsmall>br/> 101 sub>I am subscriptsub> 102 sup>I am superscriptsup>br/> 103 ins>I am insins>br/> 104 del>I am deldel> 105 p> 106 107 段落中“计算机”输出标签（一般不用，了解就行） 108定义计算机代码109 定义键盘码 kbd->keyboard(键盘) 110 定义计算机代码样本 samp->sample(样例) 111 定义变量 var->variate(变量) 112定义预格式文本 pre->preposition(前置？……这个，应该吧)113 --> 114 p> 115 pre> 116 code> 117 #include"stdio.h" 118 int main() 119 { 120 printf("Hello World!"); 121 } 122 code> 123 pre> 124 kbd>Shift键 VK_SHIFTkbd>br/> 125 samp>system.out.print("hello world");samp>br/> 126 p> 127 128 HTML引文、引用和标签定义 129 定义缩写 abbr->abbreviation（缩写） 130 定义地址 131 定义文字方向 bdo->Bi-Directional Override 132定义长的引用133定义短的引用语 q->quote（引用）134 定义引用、引证 135 定义一个定义项目 dfn->definition（定义） 136 --> 137 p> 138 abbr title="abbreviation">abbrabbr>br/> 139 address>Hebei,Shijiazhuangaddress>br/> 140 bdo dir="rtl">text direction from right to leftbdo> 141 bdo dir="ltr">text direction from left to rightbdo> 142 blockqoute cite="http://www.worldwildlife.org/who/index.html"> 143 For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. 144 blockqoute>br/> 145 q>This is a short qouteq>br/> 146 cite>This is citecite>br/> 147 dfn>This is dfndfn> 148 p> 149 150 标签定义链接 a->anchor(锚点) 151 href属性定义链接地址 href->hypertext reference（超文本引用） 152 target属性定义被链接的文档在何处显示 153 1.可以用来链接到外部地址实现页面跳转功能 154 2.可以链接到当前页面的某部分实现内部导航功能 155 3.链接不一定是文本，也可以是图片或者其他HTML元素 156 --> 157 a href="#">This is a null linka>br/> 158 a href="#top">This is a link to h1.a>br/> 159 a href="http://www.baidu.com/" target="_blank">This is a link to baidua>br/> 160 161标签定义图像、图片 img->image(图像) 162
是一个自闭合标签，不需要也不存在. 163 src属性指向图像的地址 src->source(来源) 164 alt属性定义如果图片加载不出来时的替换文字 alt->alter(变更) 165 height、width属性分别定义图片的 高度 和 宽度,值可以是数字（单位px：像素）或者百分比（相对于源文件） px->pixel(像素) 166 --> 167 img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1549172426662&di=caf7c53ab0af3935b20da042e72737d4&imgtype=0&src=http%3A%2F%2Fimages5.fanpop.com%2Fimage%2Fphotos%2F31600000%2FKirito-kirigaya-kazuto-kirito-31699071-1280-720.jpg" alt="kirito" height="50%" width="50%"> 168 HTML 可以通过
和 将元素组合起来 --> 169 div style="background:skyblue;"> 170 p>This is a paragragh in a divp> 171 a href="http://www.nelzh.cn/">www.nelzh.cna> 172 div> 173 p> 174 Ly span style="background:pink;">cutespan> 175 p> 176 177 HTML表格(table有表格的意思) 178
定义表格的标题栏 th -> table headline(我jiao着应该是……) 179 定义表格的行 tr -> table row 180 定义表格的列 td -> table ??? 181 定义表格标题 182定义表格列的组 183定义用于表格列的属性 184 定义表格的页眉 185 定义表格的主体 186 定义表格的页脚 187 --> 188 table border="1"> 189 caption>LYCUTEcaption> 190 colgroup> 191 col span="2" style="background-color:skyblue;"> 192 colgroup> 193 thead> 194 tr> 195 th>Lth> 196 th>Yth> 197 tr> 198 thead> 199 tbody> 200 tr> 201 td>LYtd> 202 td>CUTEtd> 203 tr> 204 tbody> 205 tfoot> 206 tr> 207 td>CUTEtd> 208 td>LYtd> 209 tr> 210 tfoot> 211 table> 212 213 有序列表 & 无序列表
& 自定义列表
214 ol -> ordered list 215 ul -> unordered list 216 dl -> ??? list 217 --> 218 ol> 219 li>lycuteli> 220 li&l
登录查看全部
参与评论
手机查看
返回顶部