学会HTML就可以找工作了
对编程小白来讲,想要学习门槛低,学习周期短,难度指数可忽略、短时间内可能找一份薪资不错编程相关工作,那就把HTML作为入门级语言吧。
网页设计师
网页设计师人才需求
什么是网页
网页是构成网站的基本元素,通俗地说,您的网站就是由网页组成的。比如说把网站比作一本书,那个网页就是其中的一页。
网页作用:
1、构成网站 比如淘宝网、京东网 都是一个个的网页组合而成
2、表达内容 网页可以表达 商品、文章、业务表单
用什么来创建网页?
HTML 是用来描述网页的一种语言。而是一种标记语言(markup language)
HTML 使用标签来创建网页
积木式标签
网页是由各种不同类型的HTML标签组成。
HTML常用的标签也就二十多种。
每种标签有不同的功能。
比乐高还要简单(乐高积木是儿童喜爱的玩具。这种塑胶积木一头有凸粒,另一头
有可嵌入凸粒的孔,形状有1300多种,每一种形状都有12种不同的颜色,以红、黄、蓝、白、绿色为主。它靠小朋友自己动脑动手,可以拼插出变化无穷的造型,令人爱不释手,被称为“魔术塑料积木”)
通过HTML标签最后搭建出一棵树。
HTML标签固有结构
HTML积木标签概貌
列表标签-无序列表标签
<ol start=“列表起点” type=“符合类型”> <li>外交部部长 王毅</li> <li>国防部部长 常万全(兼) </li> </ol>
列表标签-无序标签
<ul class="footer-two"> <li> <a href="/guowuyuan/xinwen.htm" target="_blank">领导动态</a> </li> <li> <a href="/guowuyuan/gwy_cwh.htm" target="_blank"></a>常务会议</a> </li> <li> <a href="/guowuyuan/quantihui.htm" target="_blank">全体会议</a> </li> <li> <a href="/guowuyuan/zuzhi.htm" target="_blank">组织机构</a> </li> <li> <a href="/guowuyuan/2006-02/16/content_2616810.htm" target="_blank">政府工作报告</a> </li> </ul>
超链接标签
<a>
标签定义超链接,用于从一个世界链接到另外一个世界。
<a href="http://www.npc.gov.cn/" target="_blank">全国人大</a>
href :超链接网址 target:网页展现方式 (打开新页面 或者在当前页面)
P标签
<p>
标签定义段落。
<p>
会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
图片标签
<img>
标签向网页中嵌入一幅图像。
<img>
标签有两个必需的属性:src 属性和 title 属性。
src :图片的路径
Title:图片标题描述
表格相关标签
<table>
标签定义 HTML 表格。
简单的 HTML 表格由 table 标签以及一个或多个 tr、th 或 td 标签组成。
tr 标签定义表格行,th 标签定义表头,td 标签定义表格单元。<tbody>
标签表格主体(正文)
<table width="934" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<th width="25%" align="center" class="jybl">留言人</th>
<th width="25%" align="center" class="jybl">办理单位</th>
<th width="25%" align="center" class="jybl">办理方式</th>
<th width="25%" align="center" class="jybl">办理日期</th>
</tr>
<tr>
<td align="center" class="jybl2"><span color="#000000">高兴</span>
</td><td align="center" class="jybl3"><span>国务院办公厅</span></td>
<td align="center" class="jybl3"><span>按职责程序办理</span></td>
<td align="center" class="jybl3"><span>2017-01-26</span></td>
</tr>
</tbody>
</table>`
表单相关标签
<form> 标签用于为用户输入创建 HTML 表单
表单能够包含input 元素,比如文本字段、复选框、单选框、提交按钮等等。
文本域(Text fields) <input type="text" name="firstname">
密码域<input type="password" name="password">
复选框<input type="checkbox" name="Bike">
单选按钮<input type="radio" checked="checked" value="male" />
文本域(Textarea)<textarea rows="10" cols="30">
按钮<input type=“button” value=“提交">
简单的下拉列表<select name="cars">
<option value="volvo">Volvo</option>
</select>
一天就可以做出这样的网页
继续修行
结语
此篇文章只是入门而已,还有很多标签没有讲到。若想做出看过眼的网页,要懂得布局、搭配、还要会css、布局、javascript 脚本。看到这您已经入门了,下次会讲布局css,敬请期待。。。。。。。
学会HTML就可以找工作了的更多相关文章
- 这些年常用的WEB开发工具和技术, 学会一半你找工作没问题
前言: 技术选型并不是一成不变的,需要根据技术的发展.项目实际情况和人员技能构成实际考虑,在此列出的只是这些年常用的. 开发环境 1. 主要开发语言:Java7, HTML, Javascript等 ...
- Python学到什么程度就可以去找工作?掌握这4点足够了!
大家在学习Python的时候,有人会问“Python要学到什么程度才能出去找工作”,对于在Python培训机构学习Python的同学来说这都不是问题,因为按照Python课程大纲来,一般都不会有什么问 ...
- 正在找工作的同学看过来,zozo最新的java面试题总会,学会月薪3万起!!!
引言 为正在找工作的同学提供些许帮助,话不多说直接上题. 关注后私信我[资料]即可免费获取! 关注后私信我[资料]即可免费获取! 关注后私信我[资料]即可免费获取! 关注后私信我[资料]即可免费获取! ...
- 学EE做硬件找工作不如学CS做软件,为什么会这样?
学EE做硬件找工作不如学CS做软件,为什么会这样? 电子工程(EE)就业最好的方向居然是转计算机,也许让有的人觉得很不公平,EE也是很重要的学科,我们学习也很努力,为什么就业会不如CS?也有的人好奇, ...
- 关于找工作(二 Cover Letter)
准备好了简历,下一个文档就是cover letter了.其实对衡量你是否是一个好的候选人来说,cover letter的作用几乎是零(很多情况下主管技术工作的人或者雇人经理根本见不到cover let ...
- IT行业歧视40岁以上人群为找工作还要谎报年龄[转]
IT行业歧视40岁以上人群为找工作还要谎报年龄(这样不好) http://www.aliyun.com/zixun/content/2_6_616161.html [赛迪网讯]4月5日消息,许多40多 ...
- java自学找工作经历
断断续续的,折腾了7个多月,学完了在网上购买的培训机构J2EE的全套课程.期间各种蛋疼看另一篇博客 http://www.cnblogs.com/work396/p/6791488.html 直接说找 ...
- [找工作] 2019秋招|从春招到秋招,Java岗经验总结(收获AT)
转自(有更多) https://blog.csdn.net/zj15527620802/article/month/2018/10 前言 找工作是一件辛酸而又难忘的历程.经历过焦虑.等待.希望,我们最 ...
- Python学到什么程度才可以去找工作?掌握这4点足够了!
大家在学习Python的时候,有人会问"Python要学到什么程度才能出去找工作",对于在Python培训机构学习Python的同学来说这都不是问题,因为按照Python课程大纲来 ...
随机推荐
- Windows之wsl简单配置
Windows的wsl是Windows环境下启动的一个Linux环境,通常我们安装的是Ubuntu版本. 1.安装和简单配置 这里推荐一个文章,按照文章一步一步完全做就行 https://www.ji ...
- App 性能测试分享
在本文内,主要以Android性能测试为主进行分析 一.性能测试包含 1.启动时间测试 测试场景包括 - - - 首次安装启动时间.冷启动.热启动测试 2.页面响应时间: 用户从点击一个控件, ...
- C语言中static extern的使用
10:30:22 2019-08-20 基础不牢 瞬间爆炸 参考资料:https://blog.csdn.net/ts_54eagle/article/details/4418627 https:// ...
- mysql物理级别热备脚本
#!/bin/bash mysql_backup_dir=/data/databaseup/ mysql_username="root" mysql_password=" ...
- 家庭记账本app进度之关于单选按钮的相关操作(添加点击按钮事件以及点击单选更改事件)
这次主要是通过代码实现了android中的相关单选按钮的相关操作,之后再最下面有一个按钮,当点击这个按钮的时候,会获取当上面的相关信息,之后再下方会进行相应的文字显示,获取的信息不同显示的信息也不会一 ...
- Linux服务器架设篇,Windows中的虚拟机linux上不了外网怎么办?
1.将电脑的网线口直连路由器内网接口(确保该路由器可以直接正常上网,切记不可以使用宽带连接和无线网连接). 2.在实体机电脑可以上网的前提下,在命令框窗口输入 ipconfig 3.记录下电脑以太网的 ...
- hadoop(三)伪分布模式hdfs文件处理|5
伪分布模式hdfs 1.启动hsfs 2. 编辑vi hadoop-env.sh image.png image.png 3.配置nameNode和生产文件第地址 [shaozhiqi@hadoop1 ...
- docker安装GD扩展
apt update #更新软件源 apt install -y libwebp-dev libjpeg-dev libpng-dev libfreetype6-dev #安装各种库 docker-p ...
- python成功安装torch模块
最近项目要使用到torch模块,但是在安装的过程中发现torch直接使用pip install安装是安装不成功的.然后就百度,发现并没有什么卵用,所以就google一番,不禁感叹,这种新的东西,还是外 ...
- JavaScript基础1228JavaScript:void(0)开始----
JavaScript:void(0)含义 JavaScript:void(0)含义 我们经常会使用到JavaScript:void(0)这样的代码,那么在JavaScript中JavaScript:v ...