前端第一天

最新推荐文章于 2024-11-12 22:27:10 发布

apple_51763355

最新推荐文章于 2024-11-12 22:27:10 发布

阅读量60

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/apple_51763355/article/details/118601739

版权

网页

网站是网页的集合

网页时构成网站的基本元素图片文字声音视频等成为元素，常以.htm .html结束

html是一种标记语言超文本标记语言（1.图片音频2.超链接文本）描述网页的一种语言

网页就是一个html文件利用html标签描述出来，由标签组成通过由游览器解析出来显示给用户观看

浏览器内核（渲染引擎）谷歌浏览器（内核Blink）读取网页内容，整理讯息

web标准 w3c组织（万维网组织）标准化组织

1.统一web标准

2.构成结构（重要）表现行为相分离

结构 html

表现 css更漂亮外观样式

行为 JavaScript 网页交互

————html标签

1.1语法规范

由尖括号包围

成双成对开始标签和结束标签（多一个/）

单标签<br/>

1.2.标签关系

包含关系（父子关系）并列关系

2.1基本结构标签

html页面又叫文档

<html>根标签

<head>头标签网站开头两行

<titile>文档的标题

<body>文档主题页面内容基本都是放在body里面的

html文档后缀必须是html或者htm

3.vscode的使用

3.1c+n创建 c+s保存改后缀为.html 放大缩小生成骨架页面!（英文!）

3.2<!DOCTYPE>文档声明标签文档的最开始
3.3lang="en"为英文"zh-CN"是中文意义为什么语言的网站
3.4字符集 meta charset="UTF-8" "UTF-8"为万国码很重要必须要写

4.1标签语义
4.2标题标签<h1>-<h6>单词head缩写
字体变大独占一行
4.3段落和换行标签 <p></p>分成不同的段落
<br />换行标签强制换行单标签
4.4文本的格式化标签
我是<strong>加粗</strong>的文字
我是<b>加粗</b>的文字
我是<em>倾斜</em>的文字
我是<i>倾斜</i>的文字
我是<del>删除线</del>
我是<s>删除线</s>
我是<ins>下划线</ins>
我是<u>下划线</u>
4.5<div><span>盒子标签双标签
<div>一行一个
<span>小盒子都用来布局
4.6图像标签和路径
图像标签
如何插入图像放到一个文件夹 src属性很重要要加后缀
alt 替换文字
title提示文字
width 调整宽度
height 调整高度
border 设置边框
均写在图像标签后面属性之间不分先后属性之间空格分开采取键值对格式属性="属性值"
路径
目标文件夹和目录
目录文件夹存放html文件，图片等
根目录打开文件夹最外面的那一层
目录文件夹-根目录
相对路径（重点）
以图片的位置为参考相对于html页面的位置作为参考
同一级
下一级/
上一级../
上上级../../

绝对路径
C:\Users\44476\Desktop\前端冲\img.jpg
注意斜杠是\

4.7超链接标签（重点）
语法规范
4.7.1外部链接target 打开窗口的方式默认是_self 当前页面打开 _blank新窗口打开页面
4.7.2内部链接
4.7.3空链接
4.7.4下载链接
<h4>1.外部链接</h4>
<a href="http://www.qq.com" target="_blank">腾讯</a>
默认是_self当前窗口
<a href="http://www.itcast.cn" target="_blank">传智播客</a>
<h4>2.内部链接：网站内部页面之间的相互连接</h4>
<a href="gongsijianjie.html" target="_blank" >公司简介</a>
<h4>3.空链接：#</h4>
<a href="#">公司地址</a>
<h4>4.下载链接：地址链接的是文件 .exe 或者是zip 等压缩包形式#</h4>
<a href="img.zip">下载文件</a>
<h4>5.网页元素链接：</h4>
<a href="http://www.baidu.com"><img src="img.jpg"></a>