HTML 入门笔记1

210 阅读1分钟

1、HTML是谁发明的

    答:李爵士

2、HTML起手式

1.创建目录 放在一个固定的地方 目录名要为英文

2.创建文件 index.html

3.输入感叹号 回车

<!DOCTYPE html> 文档类型
<html lang="en"> HTML标签 可以把lang改成zh-CN  
<head>      
   <meta charset="UTF-8"> 文件的字符编码      
   <meta name="viewport" content ="width=device-width, 禁用缩放 兼容手机
     initial-scale=1.0">      
   <meta http-equiv="X-UA-Compatible" content="ie=edge">告诉IE 使用最新内核   
   <title>Document</title> 标题  
</head>     
<body>    

</body>
</html>

3、常用的表章节标签

3.1 <main>

表示页面的主体内容,一个页面只能有一个

,是顶层标签

3.2 <article>

表示页面一段完整的内容,通常表示一篇文章

3.3 <aside>

用来放置页面或文章内容间接相关的内容,网页上可以用来放置侧边栏

3.4 <section>

表示一个含有主体的独立部分,在文档里表示一个章节

可以包含多个 ,可以多个一起使用

3.5 <h1>~<h6>

表示文章标题,按照标题的等级,分为六级

4、全局属性

4.1 <class>

为标签设置类标识

4.2 <id>

元素id,文档内唯一 不到万不得已不要使用

id=xxx 通过id直接获得对应元素 #xxx在css里添加样式

4.3<style>

行内CSS样式

4.4 <tabindex>

控制tab的顺序 按照顺序的 0是最后的 -1不要到这里来

4.5 <title>

用来显示完整的内容

文字太长要省略号:

white-space:nowrap

text-overflow:ellipsis

overflow:hidden

4.6 <hidden>

快速隐藏

5、内容标签

5.1 <ol> <li>

ol (列表) order list 有顺序

li (list item)

5.2 <ul> <li>

ul unorder list 圆点 无顺序

5.3 <dl> <dt> <dd>

dl description list

dt 描述的对象

dd 描述的内容

5.4 <pre>

保留 空格 回车tab

5.5 <code>

表示标签内容是代码 等宽字体显示   多行代码<code>要放在<pre>内部

5.6 <hr>

分割线

5.7 <br>

换行

5.8<em>

语气强调

5.9 <strong>

本身很强调

5.10 <quote>

行内引用

5.11 <blockquote>

块级引用 引用别人的话