web前端第一天学习日记

原创 2018年04月17日 17:36:01

 HTML简单标签

    学习HTML是为了了解web前端技术,今天了解了一些简单的标签。

    HTML是超文本标记语言(Hyper Text Markup Language)

    一般修饰性标记都是成对出现的,有开始<标记名>有结束</标记名>,需要修改标记默认效果通过在开始标记中添加属性
完整语法:
    <标记名 属性名1=”值” 属性名2=”值”…..>被修饰的内容</标记名>
特殊的功能性标记:比如换行,插入图像

    <标记名 属性名1=”值” 属性名2=”值”…../>  备注说明:在HTML5中可以省略/

    开发工具下载:webstrom,Hbuild

    网页的基本结构
    <!DOCTYPE html>声明为HTML5
    <html lang="en">
    <head>头部
        <meta charset="UTF-8">-设置网页的编码,UTF-8为简体中文
        <title>Title</title>-设置网页标题
    </head>
    <body>身体
    所有需要显示给用户看的内容都编写在body中
    </body>

    </html>

    地址:分为绝对地址和相对地址
    绝对地址:完整的盘符地址;

    相对地址:参照网页当前地址来查找资源的地址;

    因为webstorm开发时网页的具有一种特殊状态(服务器状态,使用盘符的绝对地址无效,所有一般都使用相对地址)

    标签:

    设置网页标题图标

    <link href="图标地址" type="image/x-icon" rel="shortcut icon"/>

    标题标记:将被修饰的内容显示为标题级别

    所有的文本语言中内容都分为正文和标题

    标记名:<h>,从h1~h6一共6个标题级别,数字越大字体越小

    标题标记常用属性:
    属性名:align
    意义:用于设置标题标记的被修饰文本的水平对齐方式

    值:left,center,right

    换行标记:在出现该标记的地方开始换行功能

    标记名:<br/>

    段落标记:将被修饰的内容显示为一个段落

    标记名:<p>
    常用属性:
    align:设置文本水平对齐方式,值:left center right
    行:没有任何间距
    段落:默认具有段前间距


    列表标记:分为有序和无序列表

    标记名:<ul>和<ol>

    注意:列表标记必须配合<li>(列表项标记)一起使用才有意义
    常用属性:
    type:用于设置有序列表的编号类型和无序列表的符号样式
    ol默认是:type="1",值可以为A, i ,I
    ul默认是:type="disc",值可以为:square(实心正方形) circle(空心圆)


    超链接标记:将被修饰的内容和链接进行绑定
    标记名:<a>
    该标记存在必须指定属性
    <a href="链接地址">被修饰内容,作为超链接标识</a>
    说明:默认超链接,具有下划线,标识文本默认为蓝色,点击超链接后默认在当前页面显示新的内容
    常用属性:

    target:设置超链接显示内容的效果,默认为当前页,值为target=”_blank”,在新的窗口显示

    使用超链接完成锚点(书签)功能:

    ⦁ 使用<a name="自定义的锚点名"></a>,在需要的地方定义锚点

    ⦁ 在需要超链接锚点的标记中使用:<a href="#锚点名">标识文本</a>


    插入图像标记:在需要插入图像的地方使用该标记
    标记存在必须属性
    <img src=”图片地址”/>
    默认效果:插入图像的大小是完全按照图片本身大小显示,可以通过设置常用属性来改变默认大小

    常用属性:
    width:设置图像的宽度,值为像素值,px为单位的值,如:width=”100px”
    height: 设置图像的高度,值为像素值,px为单位的值,如:height=”100px”
    alt:用于设置图像未正常显示的提示文本


    网页中不识别文本编辑上的空格和换行,需要空格和换行必须使用标记来实现

    计算机中只识别英文符号,编辑代码时一定是英文输入法状态

    明天学习CSS。

    

    

    

  

Web前端学习日记1

博客,你好,从今天开始,我就会开始在你这里发表我的Web前端学习日记,请多多指教哦!       今天是从HTML基础学起,虽然说以前有上过类似的课程,但是还是学到了很多,最大的收益就是又掌握了很...
  • huangmeixiang502
  • huangmeixiang502
  • 2017-01-10 21:56:43
  • 451

【Python学习日记】 第一天

配置开发环境、基本语法、Web开发框架Web2py、面向对象
  • qq_30980139
  • qq_30980139
  • 2015-09-01 09:22:01
  • 192

计算机实习日记第一天

2018.3.5 星期一  今天,参加实习的第一天,我的指导老师,临走前把她新领的任务交给我,叫我先试着做做,初算一下,把资料准备好、整理好。我凭着对待新项目的兴奋和尝试的冲动,接受了任务,刚开始做着...
  • qq_41915456
  • qq_41915456
  • 2018-03-29 19:29:14
  • 78

oracle 日记

因为才开始学习oracle,所以在开始存在很多问题。 1. 安装的时候很多没有安装上,不知道后面会出现什么问题。 2. sql developer使用的是jdk8,版本太高,也不知道后面会不会出现...
  • qq_26705727
  • qq_26705727
  • 2016-08-13 16:15:43
  • 92

【实习日记】第一天上班

实习的第一天,有点小激动。一早起床搭地铁到了华师,人流还好不是很多。到了公司HR就开始着重介绍公司文化和架构,最后说努力就可以了。我就这样分配到了研发部,一眼往去,好像全部都是男的。带我的老师就说,把...
  • JohnDeng520
  • JohnDeng520
  • 2016-07-05 08:43:30
  • 426

web前端学习日记5

今日任务: 1.看完网络安全部分视频 2.前端面试题100道 3。研究下bootstrap的模板...
  • u013637066
  • u013637066
  • 2017-07-28 07:34:26
  • 121

web前端-记录的开始

我的自学记录       已经自学前端两个月了,也经常访问别人的博客,由于时间的缘故,我并没有记录自己的学习过程。而是每天用sublime练习。   现在我的观念改变了,我觉得每天学习的知识得去总结一...
  • irouduoduo
  • irouduoduo
  • 2017-04-23 16:07:21
  • 529

猎头日记 每日一篇

2017.2.15 工作计划,早晨上班时候,先搜了一下猎头网,看到一个大数据架构师的人选,成功联系推荐,终于有了本周第一份推荐简历,随时邮件正文没写好,不过,以后会记得的,一定一定。 结果...
  • Sunny_3456
  • Sunny_3456
  • 2017-02-15 11:56:35
  • 238

大三前端实习日志

大三暑期选择实习:工作内容:前端web实习 实习地点:武汉光谷 公司规模:创业型公司,前端开发人数为9人,实习生5名1.实习内容总结:1.前端html+css页面结构培训实习内容:为完成UI设计稿...
  • qq1301709072
  • qq1301709072
  • 2016-08-17 11:46:18
  • 4512

清明节后的第一天

一个连日记都不想写的人,今天她注册了第一个博客,对于博客,我脑海中第一想到的是狗狗博客,哈哈哈哈emmmm这张海报仅代表剧名,至于剧情哈哈哈特别棒~【ps:原谅我的惜字如金】忍不住在po一张言归正传!...
  • a_lazy_Rabbit
  • a_lazy_Rabbit
  • 2018-04-06 11:01:02
  • 16
收藏助手
不良信息举报
您举报文章:web前端第一天学习日记
举报原因:
原因补充:

(最多只允许输入30个字)