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>娱乐&nbsp;<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>

说明：上面的演示效果里面的小标题，点击的话，是可以进去看到内容了。

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------每天进步一点点，日积月累你也会成仙！！！！！！

转载于:https://www.cnblogs.com/1121518wo/p/11306552.html

html的一些基本语法学习与实战相关推荐

【C++学习之路】第二章——C++基础语法学习（1）之黑客攻击系统
2 C++基础语法学习(1)之黑客攻击系统遵循原则:从实战中学习知识法律声明:本系统仅能攻击自己搭建的网站,作为学习使用,不会触犯法律 time:2020.01.20 author:姜海天 IDE ...
python3人工智能网盘_《Python3入门人工智能掌握机器学习+深度学习提升实战能力》百度云网盘资源分享下载[MP4/5.77GB]...
内容简介本资源为<Python3入门人工智能掌握机器学习+深度学习提升实战能力>百度云网盘资源分享下载,具体看下文目录,格式为MP4/5.77GB.本资源已做压缩包处理,请勿直接在百度网 ...
都在强力进阶学习 springboot 实战派文档
不仅如此,本文还对比讲解了多种同类技术的使用和区别,读者可以根据自己的喜好进行选择. 开发模式:本文讲解了历史悠久,但现在依然被广泛使用的分层应用开发模式 MVC(ModelView Controll ...
Redis学习笔记②实战篇_黑马点评项目
若文章内容或图片失效,请留言反馈.部分素材来自网络,若不小心影响到您的利益,请联系博主删除. 资料链接:https://pan.baidu.com/s/1189u6u4icQYHg_9_7ovWmA( ...
【深入浅出强化学习-编程实战】 7 基于策略梯度的强化学习-Cartpole(小车倒立摆系统）
[深入浅出强化学习-编程实战] 7 基于策略梯度的强化学习-Cartpole 小车倒立摆MDP模型代码代码解析小车倒立摆MDP模型状态输入:s=[x,x˙,θ,θ˙]s = [x,\dot{x ...
R基于H2O包构建深度学习模型实战
R基于H2O包构建深度学习模型实战目录 R基于H2O包构建深度学习模型实战 #案例分析
Python基础语法学习笔记
Python基础语法学习笔记想淘宝省钱看我简介,博客www.liangxin.name (一) 一.Print()函数 1.数字可以直接输出,无需加引号只能理解数字,却读不懂文字.因为数字和数学运 ...
深度学习项目实战-关键点定位视频课程
课程目标快速掌握如何使用caffe框架完成一个深度学习的实际项目适用人群深度学习爱好者,全民皆可入门课程简介深度学习项目实战-关键点定位课程以人脸关键点检测为背景,选择多阶段检测的网络架构, ...
资源|2019 年 11 月最新《TensorFlow 2.0 深度学习算法实战》中文版教材免费开源（附随书代码+pdf）...
点击上方"AI遇见机器学习",选择"星标"公众号重磅干货,第一时间送 2019 年 10 月,谷歌正式宣布,开源机器学习库 TensorFlow 2.0 现在 ...

html的一些基本语法学习与实战

html的一些基本语法学习与实战相关推荐

最新文章

热门文章