html基础知识

1．什么是HTML、CSS?

是做网站的编程语言。
浏览器把代码解析后的样子就是我们看到的网站，如何看到网站的原始代码呢？通过鼠标右键选择查看网页源代码。
如何去写代码？写到哪里呢？
一个网站是由N多个网页组成的。

2.web三大核心技术？

HTML
CSS
JavaScript

3.HTML基本结构和属性？

HTML： 超文本 标记 语言
超文本：文本内容 ＋非文本内容（图片、视频、音频等）
语言：编程语言

4.html初始代码

每个.html文件都有的代码叫做初始代码，要复合html文件的规范写法。
！+ tab键：快速的创建html的初始代码

文档声明 ：告诉浏览器这是一个html文件

5.如何添加注释

HTML注释
写法：<!–注释的内容 --＞在浏览器中看不到，只能在代码中看到注释的内容。
意义：
1．把暂时不用的代码注释起来，方便以后使用。
2．对开发人员进行提示。
快捷添加注粹与删除注释：

1. ctrl +/
2. shift + alt + a

例子
<! – hello world -->

6.html 语义化

所谓HTML语义化指的是，根据网页中内容的结构，选择适合的
HTML标签进行编写。
好处：

1. 在没有CSS的情况下，页面也能呈现出很好的内容结构。
2. 有利于SEO，让搜索引擎爬虫更好的理解网页。
   3.方便其他设备解析
   4.便于团队开发与维护

7.标题与段落

标题-＞双标签
<h1›</h1›…

在一个网页中，h1标题最重要，并且一个.html文件中只能出现一次h1标签。
h5、h6标签在网页中不经常使用。
段落-＞双标签：

</p›

＜h1>标题
＜h2>标题
＜h3>标题

标题

＜h5>标题

标题

这是一个段落

-->

8.文本修饰标签

html常见标签
标签的属性，来修饰标签的
强调 -＞双标签：、
</ em>

区别：
1.写法和展示效果是有区别的，一个加粗、一个斜体
2. strong的强调性更强，em的强调性稍弱。

示例
这是一段需要强调的文本
这是一段需要强调的文本

下标：
上标：

a² + b^{2</sup› = c H‹sub>2</sub›o}

删除文本：
插入文本：

300，100

注：一般情况下，删除文本都是和插入文本配合使用的。

9.图片标签和图片属性

img -＞单标签
src：引入图片的地址，
alt：当图片出现问题的时候，可以显示一段友好的提示文字。
title：提示信息
width、height ：图片的大小

title="这是一张图片的提示信息”width="300” height="300”

10.引入文件的地址路径

相对路径
.在路径中表示当前路径
…在路径中表示上一级路径
绝对路径
E:/ke/qf_d1201901/20190108/img/animal/dog.jpg
http://cms-bucket.ws.126.net/2019/04/16/7a5b31e0ce5474a7515.jpeg

示例
相对路径

绝对路径
<img src=“E:/img/animal/dog. jpe"alt=”">

11.跳转链接

a-＞双标签 <a›</a›
href属性：链接的地址
target属性：可以改变链接打开的方式，默认情况下：在当前页面打开
_self 新窗口打开_blank
base-＞单标签：作用就是改变链接的默认行为的。

＜a>标签
href
target

标签

12.跳转锚点

两种做法

Javascript
1 #号
id属性

2＃号
name属性
<a name=“html”›

13.特殊字符

1. & +字符
   2．解决冲突啊 左右尖括号、添加多个空格的实现
2. < >  

14.无序列表

序列表

• ：列表的最外层容器、列表项 注：ul和必须是组合出现的 ，他们之间是不能有其他标签的

type属性：改变前面标记的样式(一般都是用CSS去控制
(http://www.w3school.com.cn/tags/att_ul_type.asp)

正确写法

• <1i>第一项 <1i>第二项

15.有序列表

有序列表-＞ol li一般用的比较少，可以用无序列表来实现

<！–<ol type="i"s
<1i>第一项</1i>
<1i>第二项</1i>
<1i>第三项</1i>

-->

16.定义列表

-> dl dt dd 列表项需要添加标题和对标题进行描述的内

HTML

17.嵌套列表

列表之间可以互相嵌套，形成多层级的列表。

中国

辽宁省

18.表格标签

：表格的最外层容器 ：定义表格行

：定义表头	：定义表格单元

注：之前是有嵌套关系的，要符合嵌套规范。

语义化标签：，Body>,

19.表格属性

border ：表格边框
cellpadding ：单元格内的空间
cellspacing ：单元格之间的空间
rowspan：合井行
colspan ：合并列
align：左右对齐方式
valign：上下对齐方式

.表单标签

表格表单