Get Start With HTML

    xiaoxiao2025-02-27  23

    Get Start With HTML

      这些天在鼓捣博客,对界面所做的改动,也都是landscape这个主题的框架下所进行的。虽然说自由度相对于别的博客站点的自由度要高很多,但是自己没有一点网页编程知识的话,也是不能够讲网页完全设计成自己所喜欢的样子。因此在这里开一个类似于笔记本性质的文章吧,也方便我以后进行回忆。

      不过既然是笔记本,那么可能就不会记录的很详细,比如一些细节的实现啊什么的,更多的还是自己不了解,或者说,不是很熟悉的东西吧。

      因为很多东西的代码,比如样式、属性的代码,都是一些英文的缩写,所以为了方便记忆,会尽量去逛一点英文网站,有时候有些东西就直接用英文复制过来了,没有去翻译~~(个人太懒)~~,如果有人看这篇文章的话~~(不过基本是没有人看的了)~~,还请理解一下 :D

    Introduction

    HTML指的是超文本标记语言 (Hyper Text Markup Language)HTML不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML使用标记标签来描述网页

    Basic

    和markdown的一些语法很相似。~~(markdown就是为此而生的嘛)~~ 这里就只记录部分了

    HTML的链接通过<a>来进行定义 <a href=”url”>link text</a>

    图像通过<img> <img src=”link” settings/> 在src的后面还能加上alt 表示在图片加载不出来时显示的文字信息,如:<img src=”link” alt=”text” settings/>

    Conditional comments defines some HTML tags to be executed by Internet Explorer only.

    <!--[if IE 8]> .... some HTML here .... <![endif]-->

    The <title> element defines the title of the document, and is required in all HTML/XHTML documents.

    defines a title in the browser tabprovides a title for the page when it is added to favoritesdisplays a title for the page in search engine results

    页面布局不要用

    来进行,不然会引起不必要的麻烦,也不便于后续的工作

    Elements

    ——from start tag to end tag

    HTML元素就是开始标签和结束标签之间的东西,大多数可嵌套,推荐使用小写

    HTML标签可以拥有属性,属性总是以名称/值对的形式出现,并且在HTML元素的开始标签中规定

    属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号(和汉语写别人说的话一样)

    CSS

    CSS stands for **C**ascading **S**tyle **S**heets.

    CSS describes how HTML elements are to be displayed on screen, paper, or in other media.

    CSS can be added to HTML elements in 3 ways:

    Inline - by using the style attribute in HTML elementsInternal - by using a <style> element in the sectionExternal - by using an external CSS file

    其中最常使用分离的CSS文件

    An internal CSS is defined in the section of an HTML page, within a <style> element:

    <head> <style> body {background-color: powderblue;} h1 {color: blue;} p {color: red;} </style> </head>

    JavaScript

    JavaScript makes HTML pages more dynamic and interactive.

    The <script> tag is used to define a client-side script (JavaScript).


    写了这么几十行,其实并没有记录下什么内容,因为感觉和markdown实在是太像了,所以大部分都没有写下来。大家如果也是初学的话可以去w3school看看,有英文版和中文版两种,英文版的界面特别舒服。网址就不贴了,大家Google或者百度一下都能找到的。

    之前看到了一句话,感觉特别好,大概就是说,想要知道一只青蛙的构造,最好的方式不是去解剖青蛙,而是去构造一只青蛙。学习一门新的编程语言也确实是如此。要自己定下一个目标,去实现它,而不是漫无目的地去学。

    另外,右键查看网页源码是非常有必要的,之前用这个方式把文章封面问题给解决了,还是蛮高兴的。

    最后附上我用github page搭建的博客Yuuki_Dach’s Blog.

    转载请注明原文地址: https://ju.6miu.com/read-1296711.html
    最新回复(0)