html的一些基本语法学习与实战
其实在学习前端开始之前,问过自己为什么要学,因为自己学的比较杂,直到现在刚刚毕业出来工作了,才明确了方向了,要往嵌入式方向走,但是随着时代的发展,在编程和智能硬件结合的越来越紧密,特别是物联网这一块,所以思考着这些,自己就开始学起前端了,也是因为他相对于其他编程语言来说,更简单一些,而且实现代码效果比较酷炫,最重要的一点还是上面自己所说的嵌入式,好了,开始写总结了。
一、实现一个小的网页demo:
在实现效果之前,先了解下面一些基本的知识点:
注:上面的<hr>它是单标签,也就是说不要写</hr>,<br>它也是单标签;上面的6级标题和office里面的word标题等级是一个意思
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>hahaha</title>
</head>
<body>
<h1> i like the mcu! </h1> //标题等级1
<i> 2019.8.5</i> //把文字弄成斜体
<hr> //有一个水平线出来
<p> //段落换行
do you like the beef?
</p>
<p>
yes,</br><b>i like it </b> //<br>表示换行标签,<b>表示加粗字体
</p>
</body>
</html>
效果演示:
二、新闻列表动态显示连接效果:
还是一样,先了解一些基本知识;
这里我以下面的一个新闻页面来举例说明:
代码和演示出的效果如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>百度新闻</title>
</head>
<body>
<h1>娱乐 <img src="https://t10.baidu.com/it/u=72872058,622365330&fm=173&app=25&f=JPEG?w=218&h=146&s=B9B4CB144461F511E424D8DD030080A3"></h1>
<hr>
<ui>
<li>
<a href="http://baijiahao.baidu.com/s?id=1640947916207860993">杨紫,邓伦马思纯,王源潘粤明,马伊琍,海清,朱丹,唐禹哲</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1640986424135539802">香港最美千金何超莲撇男友夜店狂欢,自曝美丽是因为混血</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1640951135668808400">拿下八个代言,被预言“第二个吕燕”,撞脸林永健的贾晨宇不简单</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1640952530954430031">《好莱坞往事》:很暴力,很昆汀</a>
</li>
</ui>
<ol>
<li>
<a href="http://baijiahao.baidu.com/s?id=1640947916207860993">杨紫,邓伦马思纯,王源潘粤明,马伊琍,海清,朱丹,唐禹哲</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1640986424135539802">香港最美千金何超莲撇男友夜店狂欢,自曝美丽是因为混血</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1640951135668808400">拿下八个代言,被预言“第二个吕燕”,撞脸林永健的贾晨宇不简单</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1640952530954430031">《好莱坞往事》:很暴力,很昆汀</a>
</li>
</ol>
</body>
</html>
说明:上面的演示效果里面的小标题,点击的话,是可以进去看到内容了。
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------每天进步一点点,日积月累你也会成仙!!!!!!
html的一些基本语法学习与实战的更多相关文章
- Golang 语法学习笔记
Golang 语法学习笔记 包.变量和函数. 包 每个 Go 程序都是由包组成的. 程序运行的入口是包 main. 包名与导入路径的最后一个目录一致."math/rand" 包由 ...
- Swift高级语法学习总结(转)
Swift高级语法学习总结 1.函数 1.1 func funcNmae()->(){} 这样就定义了一个函数,它的参数为空,返回值为空,如果有参数和返回值直接写在两个括号里就可以了 1.2 参 ...
- Swift基础语法学习总结(转)
Swift基础语法学习总结 1.基础 1.1) swift还是使用// 和/* */ 来注释,并且/* */允许多行注释. 1.2) swift使用print和println打印,它的传参是一个泛型 ...
- Swift高级语法学习总结
Swift基础语法学习总结Swift高级语法学习总结Swift语法总结补充(一) 1.函数 1.1 func funcNmae()->(){} 这样就定义了一个函数,它的参数为空,返回值为空,如 ...
- Swift基础语法学习总结
Swift基础语法学习总结Swift高级语法学习总结Swift语法总结补充(一) 1.基础 1.1) swift还是使用// 和/* */ 来注释,并且/* */允许多行注释. 1.2) swift ...
- NGUI 学习笔记实战之二——商城数据绑定(Ndata)
上次笔记实现了游戏商城的UI界面,没有实现动态数据绑定,所以是远远不够的.今天采用NData来做一个商城. 如果你之前没看过,可以参考上一篇博客 NGUI 学习笔记实战——制作商城UI界面 ht ...
- Robot Framework语法学习(一)
Robot Framework语法学习: 一.变量的声明.赋值与使用 1.变量标识符:每个变量都可以用 变量标识符 ${变量名} 来表示. 2.变量声明:可以在TestSuite上点右键或者在Edi ...
- 深度学习入门实战(二)-用TensorFlow训练线性回归
欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 作者 :董超 上一篇文章我们介绍了 MxNet 的安装,但 MxNet 有个缺点,那就是文档不太全,用起来可能 ...
- MarkDown语法 学习笔记 效果源码对照
MarkDown基本语法学习笔记 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. 下面将对Markdown的基本使用做一个介绍 目 ...
随机推荐
- Mac和Windows以及Linux上WingIDE Pro激活
写这篇文章的原因,主要是网上的很多激活方式都不适用最新版的软件.要么要你付费下载别人破解好的内容,要么各种文章你抄我,我抄你,根本没有自己实践过. 本篇文章合适Mac.Windows.Linux平台, ...
- spring源码深度解析— IOC 之 bean 创建
在 Spring 中存在着不同的 scope,默认是 singleton ,还有 prototype.request 等等其他的 scope,他们的初始化步骤是怎样的呢?这个答案在这篇博客中给出. s ...
- 关于java中构造方法、实例初始化、静态初始化执行顺序
在Java笔试中,构造方法.实例初始化.静态初始化执行顺序,是一个经常被考察的知识点. 像下面的这道题(刚刚刷题做到,虽然做对了,但是还是想整理一下) 运行下面的代码,输出的结果是... class ...
- 前端Web浏览器基于Flash如何实时播放监控视频画面(前言)之流程介绍
[关键字:前端浏览器如何播放RTSP流画面.前端浏览器如何播放RTMP流画面] 本片文章只是起到抛砖引玉的作用,能从头到尾走通就行,并不做深入研究.为了让文章通俗易懂,尽量使用白话描述. 考虑到视频延 ...
- 2018.10.20 2018NOIP冲刺之酒厂选址
题目传送门 明显能够看出有一个建图求路程的优化 然而发现10000*10000爆空间QAQ 为了做一些初始化方面的优化 我们发现了一个叫做前缀和的东西 可以在环上查到两个之间的最短距离 同时还要做一些 ...
- Git小技巧之使用Rebase命令合并提交
想要获取更多文章可以访问我的博客 - 代码无止境. 在日常的开发过程中,我们一个功能可能会有很多次提交.而且我们公司的开发是不允许直接往公司仓库提交代码,所以需要fork到自己的仓库然后merge过去 ...
- 简述vue中父子组件是怎样相互传递值的(基础向)
前言 首先,你需要知道vue中父组件和子组件分别指的是什么? 父组件:vue的根实例——用new Vue()构造函数创建的vue实例(实例会有一个挂载点,挂载点里的所有内容可理解为父组件的内容) ...
- [网络协议]UDP实现的可靠协议
UDP实现的可靠协议,基本都会对TCP的某一部分进行加强,另外一部分进行削弱.因为: “实时性+可靠性+公平性” 三者不能同时保证,因此可以牺牲TCP的局部公平性来换取更好的实时性,或者更浪费点带宽, ...
- ORM----hibernate入门Demo(无敌详细版)
一.Hibernate(开放源代码的对象关系映射框架)简介: Hibernate是一个开放源代码的对象关系映射框架,它对JDBC进行了非常轻量级的对象封装,它将POJO与数据库表建立映射关系,是一个全 ...
- Java项目案例之--封装的实例
Java项目案例之---封装的实例 有一个专业类,有一个专业对象,专业名称:计算机科学与技术,专业编号:J001,专业年限:4,对年限添加约束,如果输入小于0,则默认为0,否则显示输入的值 有一个学生 ...