web开发基础

html常用标签

**

HTML常用的标签

<div>div> 				布局标签(独占一行)
<p>p> 					段落标签(存放文字)
<h1>h1>				标题标签
<button>button>		按钮标签
		图片标签

使用css的三种方法

1.style属性,在html标签中,通过style属性添加样式

好好学习,天天向上p> 2. style标签, 在head标签中,创建style标签 <style> /*标签选择器*/ p { color:red; background-color: blue;} style> 3. css文件: 创建.css文件,将样式放在该文件中,然后在head中通过link标签引入该文件

web开发基础_第1张图片

  
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <link rel="stylesheet" href="./index.css">
head>
<body>
    <p style="color: red; font-size: 20px;">海南大学p>
    <p id='title'>海南省海口市美兰区p>
    <p class="cls">海南省旅游胜地蜈支洲岛p>
    <p class="cls">海南省旅游胜地蜈支洲岛p>
body>
html>

结果
web开发基础_第2张图片

浏览器中使用javaScript

  1. script标签:在body标签的最后面,创建script
    web开发基础_第3张图片2. 独立js文件:创建hello.js文件,在body标签的最后面,通过script标签引用

                    
                    

你可能感兴趣的:(网页制作)