Web前端初步——札记0

来源：互联网发布：大数据岗位编辑：程序博客网时间：2024/06/12 21:07

font-size:设定字体大小 eg: font-size:12px
<body></body>#标签中的内容会在浏览器中显示出来
<hx></hx>#标题标签,hx表示x级标题
<p>
<em>预处理的文字</em>#令字体倾斜
<strong>预处理的文字</strong>#令字体加粗，嘿嘿，国内更喜欢它哦
<span>预处理的文字</span>#和em和strong用法相同，但不表示强调，是为了设置单独央视用的
<q>短引用文本</q>#默认输出样式为双引号，但真正的关键点在于语义：引用别人的话。若少了这层语义，不如自己在键盘上输入双引号就行了。
<blockquote>长引用文本<blockquote>#默认输出样式为缩进，其余同<q></q>标签理解相同。
<br />#换行,因为html中忽略回车和空格
  #空格,其中'；'不可忽略
</p>#段落标签
<hr />#分隔两段文字
<address>联系地址信息</address>#地址标签
<code>var i=i+300;</code>#代码标签，适合单行代码
<pre>var i=i+300;</pre>#代码标签，适合多行代码,被包围在 pre 元素中的文本通常会保留空格和换行符。Binggo:当然并不局限于显示代码，在你需要在网页中预显示格式时都可以使用它。
<ul>#无序信息列表，每项li前都自带一个圆点
<li>信息</li>
<li>信息</li>
......
</ul>
<ol>#有序信息列表，每项<li>前都自带一个序号，序号默认从1开始，每次累加1
<li>信息</li>
<li>信息</li>
......
</ol>
<div id = "xx">…</div>#为网页划分独立的版块

<table>#表格标签
<table summary="表格简介文本">#摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)
<caption>标题文本</caption>#用以描述表格内容，标题的显示位置：表格上方。
<th></th>#表头
<tr></tr>#表格一行
<td></td>#一个单元格

</table>

注：若要合并一行单元格，跨行合并的rowspan和跨列合并的colspan。以合并一行为例，关键字选择在td标签中添加colspan=""，引号内填写相应的阿拉伯数字。

输出结果为：

<a></a>#链接标签

<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
<a href="http://www.imooc.com" title="点击进入慕课网">click here!</a>#上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。
<img src = 'xx'>#图片标签
<form method="传送方式" action="服务器文件"> # 表单标签
<select></select>#下拉列表框

0 0