- 网页html(超文本标记语言),包含图片,文字,视频,音频等
- Css html+css(样式)
- 后缀名 .html和.htm
- 网页命名规范:字母/数字/字母加数字,后缀名为.html文件,不建议使用中文,特殊符号只能使用下划线
- 快捷键
Ctrl+c 复制
Ctrl+v 粘贴
Ctrl+x 剪贴
Ctrl+a 全选
Ctrl+z 撤销
- 网页分为几部分?
第一部分是头部head,包含着标题title
第二部分是内容body
- 认识标签:
当字母或者单词的左右加上<>括号时,叫做标签,也叫做标记,又叫做元素。
双标签:要有开始和结尾。 <html></html>
单表签:一个标签代表开始也代表结尾。<br>
- html格式
<!doctype html>
<html>
<head>
<title>百度一下</title>
</head>
<body>
图片,文字等
</body>
</html>
- 学习标签
<p>段落标签</p> 特点:独立成行
<b>加粗标签</b>
<br>单标签,换行
<h1>一级标题标签</h1> 特点:独立成行,自动加粗,h1最大,h6最小
<h2>二级标题标签</h2>
<h3>三级标题标签</h3>
<h4>四级标题标签</h4>
<h5>五级标题标签</h5>
<h6>六级标题标签</h6>
- 水平对齐的属性align
属性值左left/中center/右right
注意:
在html中,属性与属性值的链接方式为属性=”属性值”
11、新建站点(新建文件夹)名字可以随意
html 网页
css 样式
images ps中切下来的图片
- 插入图片
<img src=”具体的图片路径”>
../ 返回上一层 相对路径
../../ 返回上上一层
以某个盘或者某个网址为起始点的路径,叫做绝对路径
- 网页中单位是像素,叫做px
Ctrl +图片放大
Ctrl -图片缩小
width 宽
height 高
左侧工具栏第五个→右键→切片工具→切图→文件→储存为web所用格式→储存→找到站点(不用点images) →修改文件名称(英文开头)→所有用户切片 →保存
- 无序列表:没有顺序的列表,通常用在网页新闻
<ul>
<li>文字</li>
</ul>
ul 父元素
li 子元素
小圆点叫做项目符号
- 有序列表:有顺序的列表
<ol>
<li>文字</li>
</ol>
- 超链接(默认文字蓝色,带下划线,鼠标滑过小手状态)
<a href=”具体跳转的路径”>文字</a>
超链接打开方式属性target
属性值_self(原窗口)默认
_blank(新窗口)