Day1
HTML:Hyper Text Markup Language 超文本标记语言
超文本:比普通文本功能更加强大可以添加各种样式
标记语言:通过一组标签来对内容进行描述
标签:分为开始标签和结束标签〈关键字〉
h1标题标签 br简单标签换行 p标签包裹 段落 b标签加粗 i标签倾斜
ctrl+s保存 ctrl+R运行当前网页/刷新当前网页
Day2
HTML主要作用:设计网页的基础
Ctrl+D:删除光标当前所在的行
Ctrl+shift+R:复制当前行到下一行
Ctrl+enter:将光标移动到下一行
Ctrl+shift+/:注释当前行语法规划
语法规划:
<DOCTYPE html>
1.上面是一个文档说明
2.根标签html
3.html文件主要包含两个部分 头部分和体部分
头部分〈head〉:主要用来放置一些页面信息
体部分〈body〉:主要是用来放置一些页面内容
meta标签:网站配置信息
charset =utf—8:指定浏览器打开页面的编码方式
4.通过标签来对内容进行描述,标签通常都是由开始标签和结束标签组成(结束比开始多了个/)
〈br/〉开始就可以结束,没有内容可以修饰,可以称为空标签
5.标签不区分大小写,官方建议使用小写
title:指定标签标题
Day3
技术分析
步骤分析例
1.公司简介需要标题
2.水平分割线〈hr/〉
3.四个段落〈p〉
4.第一个段落字体需要红色〈font〉
〈h〉标题标签
h后面数字取值范围为1~6
font标签常用属性 〈font colour〉改变颜色 〈font size〉改变字体大小(取值范围1~7)可能用到〈font face〉改变字体
格式:〈标签 属性名称"属性的词"〉
Day4
开始标签后一定要跟结束标签

网页信息页面代码实现
Day5
网站信息的拓展标签
〈b〉加粗标签〈i〉倾斜标签
〈strong〉加粗,带语义标签(搜索引擎更容易接受)
〈em〉倾斜标签 带语义
带语义标签在屏幕阅读上有加重语气的作用
标签要成对出现
常用属性:src指定图片路径 width指定图片宽度 heighth指定图片高度 alt图片加载失败时的提示信息
如何在网页上显示一 张图片?
img标签