基础web制作网页的学习 HTML
HTML:超文本标记语言,用来制作网页的一门语言,由标签组成的。比如:图片标签、链接标签、视频标签等...
Web标准由W3C制定
结构 | HTML 骨架 |
表现 | CSS 衣服 |
行为 | javaScript 行为 |
主流浏览器及内核
IE | Trident | |
fire fox | Gecke | |
Safari | webkit | |
chrome/opera | Blink | blink是webkit的分支 |
HTML基本结构
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body></body>
</html>
快捷生成 !+ Enter 或者 HTML:5
<!DOCTYPE html>声明这是一个HTML文件
被<html>包裹
<head></head>
<body></body>
</html>
UTF-8 (万国码)防止出现乱码 还有 GBK--- 国标扩展码、GB2312 --- 中文简体
标签
单标签和双标签
有语义标签和无语义标签
如:单标签<br> 双标签 <p +属性名=""(''单双引号没有差别)></p> 飘红为废弃标签 不影响练习
基本标签
字符实体
| 英文空格 |
&esmp; | 中文空格 |
© | 版权符号 |
® |
注册商标 |
颜色设置
16进制
取值范围:09af (只有6位和3位 两个相同的可以省略一个)
英文单词
rgb或rgba
取值方位:r红g绿b蓝为0255 a为透明度01
链接和路径
外部链接 <a href="http://baidu.com"> </a>默认字体为蓝色加下划线点击后变紫色 (绝对路径)
内部链接 在当前文件夹内构成链接<a href="./文件名"> </a>或在上一级文件夹里<a href="../文件名"> </a> (相对路径)
从一个文件找另一个问价的过程叫路径
target <a href="http://baidu.com" target=_self /_blank> </a> self不新增页面 (默认)blank新增页面
锚链接:跳转到同页或不同页位置 先给要跳转到的位置的标签起一个id名<a href="#id名">要点击的文字 </a> 要跳转到页面里的位置 <a href="绝对路径#id名">
图片标签<img src=" 图片位置" alt="图片无法显示时展示的文字" title="鼠标悬停在图片上的名 "
一点心得
画三角形时底边厚度是top bottom 的宽度
高是 left right 的宽
基础web制作网页的学习 HTML相关推荐
- 如何制作网页2:如何学习制作网页
很多人都想制作网页,但不知道如何制作网页,怎么制作网页,怎样制作网页,从哪里下手学习制作网页.其实如何制作网页这个问题不难,因为网站学习网会提供给你一切需求,如何制作网页系列教程将适合更多的零基础的朋 ...
- 【学习笔记】HTML基础:使用html制作网页
一.初识HTML 1.什么是HTML? Hyper Text Markup Language(超文本标记语言) 扩展XML:Extendsible Markup Language(可扩展性标记语言) ...
- html制作过程总结经验,网页基础制作教程:学习HTML经验总结
建站学院(LieHuo.Net)网页制作 网页制作是一门非常有趣的课程,通过网页制作不但可以展现我们的作品.更可以陶冶情操,往大里说可以达到一些商业赢利等.有些朋友感觉网页制作都是一些英文和字母,太难 ...
- 【web前端特效源码】使用 HTMLCSSJavaScript实现各种跳跃浮动慢跑翻转旋转坠落的魔幻文字动画效果~太上头了~/动画效果|前端开发|IT软件开发基础入门教程|网页制作|网站开发定制
b站视频演示效果: [web前端特效源码]使用 HTML&CSS&JavaScript实现各种跳跃浮动慢跑翻转旋转坠落的魔幻文字动画效果~太上头了~/动画效果|前端开发|IT软件开 效 ...
- Web 前端学习之制作网页音频
Web 前端学习之制作网页音频 1. 新建目录(image) 2. 完整代码如下所示 结束语 1. 新建目录(image) 用来存放音频文件 2. 完整代码如下所示 <!DOCTYPE html ...
- 年度指南-Web网页开发学习总纲-2023修订版
年度指南-Web网页开发学习总纲-2023修订版 为什么学习写代码? Web网页开发的用途 Web网页开发者类型 前端开发者 后端开发者 全栈开发者 可能需要用到的工具 HTML & CSS ...
- HTML期末大作业~web前端开发个人博客HTML整站模板~Web大学生网页成品 ~个人主页博客网页HTML设计制作...
HTML期末大作业~ 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
- HTML期末大作业~简单的程序员个人博客网站模板源码(HTML+CSS)~个人主页博客web网页设计制作~HTML简单个人网页制作~Web大学生网页成品...
HTML期末大作业~ 简单的程序员个人博客网站模板源码(HTML+CSS)~学生HTML个人网页作业作品下载 ~个人主页博客网页设计制作 ~大学生个人网站作业模板 ~简单个人网页制作 临近期末, 你还 ...
- HTML期末大作业~web前端开发个人博客HTML整站模板~Web大学生网页成品 ~个人主页博客网页HTML设计制作
HTML期末大作业~ 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
最新文章
- 基于“分布 —— 多分布” 的点云配准方法
- BCH易于使用不只是说说而已
- 巴克码相关器的verilog HDL设计
- Linux-权限管理相关操作
- mybatis实战教程(mybatis in action),mybatis入门到精通
- MarshalByRefObject 的DOME代码
- html中第一行代码,HTML5 CSS3初学者指南(1) – 编写第一行代码
- mybatis SqlMapConfig.xml typeAliases
- container and Injection
- 征集 | AAAI 2021线下论文预讲会讲者征集
- 比赛计分软件部分界面抓图
- wxpython安装不上怎么回事_安装Python - wxPython失败的解决方法
- 动感标题文字快闪(闪白特效)开场PR模板MOGRT
- 按键精灵手机助手如何连接安卓版按键精灵如何连接手机助手
- HaaS低功耗IP Camera解决方案
- msyql创建数据库并指定字符集
- android死锁解决方案,【线程死锁】Android多线程死锁产生的原因以及如何避免
- 解决ORA-00904: invalid identifier
- java读取社保卡_id 社保卡信息读取 使用读卡器对社保卡信息读取 - 下载 - 搜珍网...
- 科研作图及科研汇报PPT规范
热门文章
- 【MySQL基础知识】查询、过滤数据关键字
- 建网站常用HTML代码
- 【机器学习】GMM模型的直观推导(含中间步骤)
- 哪里​可以​找到​SPICE​仿真​模型(转)
- 你见过的最全面的Python重点(附代码演示)
- 生活:电影穿普拉达的女王(the Devil Wears Prada)的感想
- 最短路计数(入门最短路)
- 编译iMX8安卓源代码笔记
- 浙大pat 1017
- 数据仓库Build The Data Warehouse(William H.Inmon)学习笔记 --- 第六章、分布式数据仓库