从零开始的全栈工程师——html篇1
全栈工程师也可以叫web 前端 H5主要是网站 app 小程序 公众号这一块
HTML篇
html(超文本标记语言,标记通用标记语言下的一个应用。)
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
测试浏览器为chrome(谷歌)浏览器 当然其他浏览器也可以 不过最好用谷歌
开发工具有记事本 Sublime dreamwear webstorm hbulider 我们这里用hbulider来介绍
一.网页是由什么构成的
title 主题,题目,
Url 网址
Body 网站内容
二.标签
标签分为双标签和单标签 单标签也叫空标签
结构为单标签:<单标签/>
双标签:<双标签开始></双标签结束>
单标签举例:<img src=""/>(插图片用的标签)
双标签举例:<p></p>(段落标签)
三.网页的骨架
四.标签的属性
这里用图片标签来解释一下<标签名 属性=“属性值”/>
五.常用的标签
双标签 html title head body h1-h6 p a
b(加粗标签)strong被H5舍弃了 i 倾斜标签 sup 上标标签 sub 下标标签
em(小图标的)div 盒子标签 span 内敛标签 表格 列表 等标签
单标签 <img /> <hr/>(分割线) <br/>(换行) <meta /> (网页元信息)
注释:Html特有的注释 <!--被注释的内容-->
1.插图片用的标签:
img:<img src="本地资源或网络资源"/>(插图片用的标签)
Src 是指图片的路径
图片的资源分为本地资源或网络资源
本地资源:就是自己保存的图片
网络资源:在网站上的图片
2.超链接
a:<a href=" "></a>(超链接)
a有两个属性 一个是 href 属性值为 需要跳转的页面地址比如(http://www.baidu.com)或者本地页面地址
另一个是target属性值为 跳转页面打开的方式 常用的两个属性值为 _blank(在一个新的网页打开 ) 或 _self(默认的)
3.起名方式
1)标签名
2)id起的 使用的时候加#
3)class类 使用的时候加.
起名的目的就是为了给他添加样式 style 其实也是属性
属性:代表事物的一些特征,比如 width height color background 等
4.style用法
书写规范 {} 是shift [ 出来 {}
起名规范 不能用汉字起 第一个字母不能是特殊符号 第一个字母必须是英文字母
5.表格标签<tabale></table>
Border 是决定边框粗细的属性
cellspacing 是单元格空间的属性
cellpadding 是单元格内部的边距的属性。
表格的行:<tr></tr> 列:<td></td>
比如插入一个像这样
的表格
就是三个<tr></tr>在每个<tr></tr>中间插三个<td></td>
为
Img插入table中
会发现出现余白,怎么解决?
colspan 水平合并单元格的个数
rowspan 垂直合并单元格的个数
案例
表格中插入表格
图:
思路:插入一个三行三列600X600的表格 合并1 2 3在123中插入一个两行六列的表格
答案:
本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=1j11ab&title=从零开始的全栈工程师——html篇1
从零开始的全栈工程师——html篇1相关推荐
- 从零开始的全栈工程师——html篇1.2
起名方式与CSS 一.起名方式(起名方式也叫选择器) 起名的目的是为了给标签添加属性 常见的3种选择器有 标签选择器 id选择器(使用的时候加#) class选择器(使用的时候加.) 样式的 ...
- 从零开始的全栈工程师——js篇2.12(面向对象)
面向对象 Js一开始就是写网页特效,面向过程的,作者发现这样写不好,代码重复利用率太高,计算机内存消耗太大,网页性能很差. 所以作者就收到java和c的影响,往面向对象靠齐.Js天生有一个Object ...
- 从零开始的全栈工程师——html篇1.6
浮动与伪类选择器 一.浮动(float) 1.标准文档流 标准文档流是一种默认的状态 浏览器的排版是根据元素的特征(块和行级) 从上往下 从左往右排版 这就是标准文档流 2.浮动(float)floa ...
- 从零开始的全栈工程师——html篇1.3
文本.字体css样式与前期英语单词汇总 一.文本样式(text) 1.颜色:color:red; 2.文本对齐方式:text-align:left/center/right/justify; left ...
- html+ol+从+开始,从零开始的全栈工程师——html篇1.5
列表与边距中比需抖接朋功要朋插探讨和行块 一.列表 1.无序列中比需抖接朋功要朋插表(UL) 1)内部路能需还定有开都视这讲房哦搞有名需移洁页必须有子标签 2)天生自中比需抖接朋功要朋插带内外边距 p ...
- c语言 boid,从零开始的全栈工程师——html篇1.3
文本.字体css样式与前期英语单词汇总 一.文本样式(text) 1.颜色:color:red; 2.文本对齐方式:text-align:left/center/right/justify; left ...
- 论网络喷子的功力-关于全栈工程师那篇文
由于我一篇文章<"全栈"工程师 请不要随意去做>在公众号和CSDN博客首页同时发表被推荐,引来了各种性格和类型的读者观看. 本来这篇文章是一篇饭后杂谈,我随笔有感而发. ...
- 从零开始的全栈工程师——underscore
underscore 是js封装的一个js库 库和框架是有区别的 mvc框架就是backbone就是依赖这个库 underscore就是定义了一个_( 下划线对象 ); 函数库的所有的方法都归属于这个 ...
- 全栈工程师的百宝箱:黑魔法之文档篇
今天收集Session数据的时候收集到了这样的一条,就是"全栈工程师的工具箱".星期一又想不到什么可以写的内容,就来这样的一篇好了. 以下的内容都是压箱底的,找个地方好好收藏.这篇 ...
最新文章
- spring security自定义指南
- golang中的栈帧
- 结对编程——四则运算
- 极简数据分析实操指南(上)
- ABP vNext中使用开源日志面板 LogDashboard
- scapy获取ip_如何使用scapy从数据包中读取整个ip层和tcp层?
- c++比c快?一道字符串题目
- [机器学习实战] 机器学习基础
- ICO走进华盛顿:国会探讨加密货币,有什么可以期待?
- Android Studio中使用android:src=quot;@drawable/ic_launcherquot;报错
- 逍遥书生服务器啥时候维护完毕,2020年8月18日定期维护解读
- #108 – The Logical Tree(逻辑树)
- centos8搭建maven私服(含nexus-3.28.1-01.tar.gz下载链接)
- 流水作业调度(动态规划)
- 运维开发面试常见问题汇总(一直在更新)
- solution的一知半解
- 你可能学了假流程图,7步教你绘制知识点汇总流程图
- 借条怎么写有法律效力「模板范本」
- MDICT的100G的辞典资源
- FOC——13.电流采样与运放电路
热门文章
- putty WinScp 免密登录远程 Linux
- Flutter-现有iOS工程引入Flutter
- Ajax4Jsf 简单介绍
- SQL Server 2008 R2如何生成带数据的数据库脚本
- 输入焦点默认指示在编辑框上
- sudoers 用户权限配置_使用sudo让普通用户获取root用户的权限
- Java IO - Reader
- tp5类的属性不存在_thinkPHP5.1框架中Request类四种调用方式示例
- 最大功率点跟踪_ADI公司推出集成最大功率点跟踪和I2C的80V降压升压电池充电控制器...
- vue 父链和子组件索引_vue子组件和父组件双向绑定的几种方案