前端开发基础学习笔记(二):知识点--HTML文档标签
程序员文章站
2022-04-22 16:08:04
...
1.<html>标签内可以定义文档主语言:
<html lang="en-US">
2.无序列表(Unordered List),包含在<ul></ul>之间,<li></li>为子项:
<ul>
<li>milk</li>
<li>eggs</li>
<li>bread</li>
<li>humous</li>
</ul>
3.有序列表(Ordered List):包含在<ol></ol>之间,<li></li>为子项:
<ol>
<li>apple</li>
<li>pen</li>
<li>apple pen</li>
</ol>
4.嵌套列表(Nesting Lists):<ol></ol>、<ul></ul>、<li></li>嵌套使用:
<ol>
<li>apple</li>
<li>pen</li>
<li>apple pen</li>
<ul>
<li>list1</li>
<li>list2</li>
</ul>
</ol>
5.href转到文档对应id处:
<h2 id="Mailing_address">Mailing address</h2>
<p>Jump <a href="html1.html#Mailing_address">mailing address</a>.</p>
6.<a href="../test.txt" download="test.txt">download the file</a>:download属性提供默认下载文件名
7.<a href="mailto:[email protected]">发送邮件</a>:点击链接发送邮件,还可添加多个收件人、抄送、邮件标题、邮件内容等:
<a href="mailto:[email protected][email protected]&[email protected]&subject=The%20subject%20of%20the%20email &body=The%20body%20of%20the%20email">
Send mail with cc, bcc, subject and body
</a>
8.上标和下标:<sup></sup>和<sub></sub>:
<p>My birthday is on the 25<sup>th</sup> of May 2001.</p>
<p>Caffeine's chemical formula is C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>.</p>
<p>If x<sup>2</sup> is 9, x must equal 3 or -3.</p>
效果:
9.基本结构
- 标题:
<header>
. - 导航栏:
<nav>
. - 主要内容:
<main>
, 具有代表性的内容段落主题可以使用<article>
,<section>
, 和<div>
元素. - 侧栏:
<aside>
; 经常嵌套在<main>
中. - 页脚:
<footer>
.
10.<br>元素:在一个段落中创建一个换行。
11.<hr>元素:在文档中生成一条水平分割线。
上一篇: 前端开发的浏览器兼容性问题整理
下一篇: css 文字超出变省略号
推荐阅读
-
web前端基础之HTML5语义化新标签学习笔记(8)学会用语义化标签
-
前端开发基础学习笔记(三):知识点--CSS基础
-
前端新人学习笔记-html/css/js基础知识点(三)_html/css_WEB-ITnose
-
前端新人学习笔记-html/css/js基础知识点(二)_html/css_WEB-ITnose
-
前端新人学习笔记-------html/css/js基础知识点(三) - 不穿裤子的衣服
-
前端新人学习笔记-html/css/js基础知识点_html/css_WEB-ITnose
-
Web学习笔记之html基础操作_常用标签(二)_2020_03_24
-
前端新人学习笔记-html/css/js基础知识点(三)_html/css_WEB-ITnose
-
前端开发基础学习笔记(二):知识点--HTML文档标签
-
前端开发基础学习笔记(一):HTML概览