我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

前端基础第二天-张建树-2023.4.11

[复制链接]
菁英91期张建树 发表于 2023-4-11 23:07:07 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一.今日内容
常用的浏览器
六大浏览器
IE(微软)、edge(微软)、Firefox(火狐)、Chrome(谷歌浏览器)、Safari(苹果)、Opera。
HTML的语法规范
标签组成
HTML的标签是由尖括号包围的关键词组成的,例如<html>
成对出现
HTML的标签通常是成对出现的,比如<html></html>,称之为双标签。标签中的第一个标签是开始标签,第二个标签是结束标签
单标签
有一些特殊的标签必须是单标签(情况较少),例如<br>标签,就是一个单标签。
HTML的基本结构标签
<html></html>标签是页面中最大的标签,也叫做根标签
<head></head>标签是页面的头部标签,其中必须要写的标签是<title></title>
<title></title>页面的顶部区域标题的内容,让页面能有一个自己的标题
<body></body>页面中的主体内容都是放在body标签中的
开发工具
Dreamweaver、Sublime、WebStorm、Hbuilder、VSCode
VSCode
新建文件 Ctrl + N
保存Ctrl+s, 保存文件的时候文件名要以.html结尾
ctrl + 加号 和 ctrl+减号可以放大或者缩小视图
生成页面的骨架标签:输入英文感叹号“!” 按下tab键即可
利用插件在浏览器中预览页面,右键点击鼠标,选择open in defaultBrowser。
alt+shift+f 快速格式化代码
alt+shift+下键 快速复制上一行代码
HTML常用标签
标题标签
为了让我们的页面更加具有语义化,我们会给页面添加标题标签,HTML为我们提供了6个网页标题标签,即<h1></h1>~<h6></h6>
h是单词head的缩写,意为头部、标题。
标签语义:作为标题来使用。
特点
1、字体会加粗显示
2、重要性依次递减(字体大小会逐渐变小)
3、每个标题标签会单独占一行
段落标签
<p></p>标签用于定义段落
p是单词paragraph的缩写,意为段落
语义:分割HTML的段落
特点:
文本在一个段落中到达浏览器的边界会自动换行。
段落和段落之间保留有垂直距离。
换行标签
文本格式化标签
div标签和span标签
标签属性
图像标签
相对路径和绝对路径
相对路径:以我们当前的文件为起始参考点,一级一级的建立目录路径
../ 代表上一级目录
/ 代表下一级目录
. 代表当前目录
绝对路径
从盘符的根目录下开始一步一步的建立文件路径,和当前文件的路径是无关的。
超链接
在html标签中使用<a></a>标签来定义超链接
超链接的语法
a是单词anchor 意为锚
常用属性
href 用于指定链接目标的URL地址,是必须属性
target 用于指定链接页面的打开方式,如果是默认值"_self",代表在当前页面打开,如果是“_blank”,代表在新窗口中打开页面
base标签
语法规范
<basehref="跳转的目标" target=“网页打开的方式”>
base标签一般会写在<head></head>标签中,作用是对所有的相对链接规定一个默认的url地址,或者提供一个默认目标。
二,今日问题
对代码了解不是很懂,编写格式错误多
三,解决方案
从熟练代码开始

回复

使用道具 举报

关注0

粉丝0

帖子3

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026