目录
前端三个基础点:
Html(载体),CSS(修饰),js(网页中的部分特效)
- Html :建筑的主体结构
- CSS :给主体结构修饰(网页的样式)
- Js :具体的功能表现(网页中的省市区/县的三级联动,定时弹出广告(刷新))
Html的常用标签:
Html:Hyper Text Markup Language
超文本标记语言,可以字体,视频,音频等进行渲染!但是结构不严谨,标签可以不成对出现,
浏览器解析文件的时候会自动补全!
Html的标准结构:(html5结构)
<!DOCTYPE html> --->文档声明
<html> --->html根元素
<head> --->网页头文件(作用1.指定编码格式 2. 指定当前的窗口标题)
<meat charset="utf-8">
<title>窗口标题 <title>
</head>
<body> --->html页面的主体部分,最终的内容是通过body展示到浏览器上
Hello,html
</body>
</html>
代码讲解:
1. <html></html>称为根标签,所有的⽹⻚标签都在<html></html>中。
2. <head> 标签⽤于定义⽂档的头部,它是所有头部元素的容器。头部元素有<title>、 <script>(脚本)、<style>(样式)、 <link>(空元素标签,仅包含属性)、 <meta>(提供相关页面的元信息)等标签,头部标签在下⼀⼩节中会有详细介绍。
3. 在<body>和</body>标签之间的内容是⽹⻚的主要内容,如<h1>、 <p>、 <a>、 <img>等⽹⻚内容标签,在这⾥的标签中的内容会在浏览器中显示出来
2.dtd约束:
约束当前html标签的顺序结构
dtd:dtd约束
dtd约束 --约束当前html标签的顺序结构
html>的文本标签分类:(有开始有结束)
1.标题标签:h1 - h6
效果变化,标题大小---由大变小
快捷键:
ctrl +shift+r:复制行
ctrl+r提示代码
<h1>标题</h1>
<h1>标题</h1>
2.段落标签:p(paragraph&