Web

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

开始标签后一定要跟结束标签

图片发自简书App

网页信息页面代码实现

Day5

网站信息的拓展标签

〈b〉加粗标签〈i〉倾斜标签

〈strong〉加粗,带语义标签(搜索引擎更容易接受)

〈em〉倾斜标签 带语义

带语义标签在屏幕阅读上有加重语气的作用

标签要成对出现

常用属性:src指定图片路径 width指定图片宽度 heighth指定图片高度 alt图片加载失败时的提示信息

如何在网页上显示一 张图片?

img标签

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容