Web编程基础知识

前段时间零零碎碎看了Web编程相关内容,今天就整理了一下
Web编程,前端主要是html+CSS+JavaScript,后端使用最多的是PHP+MySQL
此次教程主要是关于html、CSS、JavaScript和PHP的一些语法和使用细则

Web编程基础知识_第1张图片

1 Html: HyperText Markup Language,超文本标记语言,网络内容载体

(1) Html是网页内容载体、CSS(层叠样式表)样式是表现、JavaScript是用来实现网页的特效效果
(2) Html语言不分大小写,但建议使用小写
(3) 常用标签:

    <html>根标签html><head>头部标签head><h1>标题h1>,h1-h6;
    <p>段落标签p><img src=’1.jpg’>插入图片;
    <span>特殊样式span><q>引用q><blockquote>长文本引用blockquote>
    <br />或者<br>回车, 空格,<hr />或者<hr>横线;
    <address>address>地址;
    <code>code>代码,<pre>多行代码;
    <ul><li>li><li>li>ul>无序列表,<ol><li>li><li>li>ol>有序列表;
    <table><tbody><tr><th><td>表格;
    链接;
    文本域
    <select>下拉
    ``

(4) html样式

    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
    head>
    <body>
    {content}
    body>
    html>   

2 CSS: Cascading Style Sheets,层叠样式表,网页样式表现

(1) CSS样式包含内联式、嵌入式、外部式,优先次序依次
(2) 选择器包含:选择器、类选择器、id选择器、后代选择器、子选择器、伪选择器、分担选择符
(3) 权值大小决定样式,标签1,类10,id100,!important 最高权值
(4) 字体属性:font-sizefont-familyfont-weight(bold/italic)
(5) 元素包含块、内联、内联-块,display(inline、block、inline-block)
(6) CSS布局:流动模型、浮动模型、层模型

3 JavaScript,脚本语言,用来实现网页的动态效果

(1) 调用样式:


                    
                    

你可能感兴趣的:(编程知识)